Agora que você viu o componente Item de tabela em ação, podemos mostrar como criar esse aplicativo. Para criar o aplicativo, faça o seguinte:

Criando o projeto MyTableExample

1. Escolha Arquivo > Novo projeto (Ctrl-Shift-N). Em Categorias, selecione Java ME. Em Projetos, selecione Aplicativo móvel e clique em Próximo.
2. Indique MyTableExample no campo Nome do projeto. Altere a Localização do projeto para um diretório em seu sistema. A partir de agora, podemos chamar este diretório de $PROJECTHOME.
3. Desmarque a caixa de verificação Criar Hello MIDlet. Clique em Próximo.
4. Deixe o Sun Java Wireless Toolkit 2.5.2 como a Plataforma de emulador selecionada. Clique em Terminar.

Adicionando pacotes e um MIDlet visual ao projeto MyTableExample

1. Escolha o projeto MyTableExample na janela Projeto, em seguida, escolha Arquivo > Novo arquivo (Ctrl-N). Em Categorias, selecione Java. Em Tipos de arquivo, selecione Pacote Java. Clique em Próximo.
2. Insira tableitemexample no campo Nome do pacote. Clique em Terminar.
3. Escolha o pacote tableitemexample na janela Projeto, em seguida, escolha Arquivo > Novo arquivo (Ctrl-N). Em Categorias, selecione MIDP. Em Tipos de arquivo, selecione MIDlet visual. Clique em Próximo.
4. Indique MyTableItemMidlet nos campos Nome do MIDlet e Nome da classe MIDP. Clique em Terminar.

Adicione os componentes a MyTableItemMidlet

1. Alterne seu MIDlet visual para a visualização Fluxo. Arraste os componentes Tela seguintes da paleta e solte-os no Designer de fluxo:
• Formulário
• Caixa de texto
2. Selecione textBox e altere o título do componente para Editar.
3. Clique duas vezes no componente form para alterar para a visualização Tela.
4. Arraste componente Item de tabela na seção Itens da Paleta de componentes e solte-o no form. O componente Item de tabela tem a aparência seguinte quando é adicionado ao Designer de tela:

   

5. Selecione tableItem e, na janela Propriedades, digite TableItem Example no valor da propriedade Rótulo.
6. Clique com o botão direito do mouse no componente tableItem e escolha Propriedades no menu pop-up.
7. Clique na seta () na propriedade Modelo de tabela e escolha <New SimpleTableModel> na lista suspensa.
8. Clique em Fechar.
   O componente simpleTableModel é adicionado a Recursos.

Editando Modelo de tabela simples

1. Na visualização Tela, clique duas vezes no componente <No table model specified> para abrir a caixa de diálogo Valores.
2. Na caixa de diálogo Valores, marque a opção Utilizar cabeçalho.
3. Clique nos botões Adicionar linha e Adicionar coluna quatro vezes respectivamente para alterar o número de linhas e colunas para 4.
4. Renomeie os cabeçalhos da tabela com coluna 1, coluna 2, coluna 3 e coluna 4.



5. Clique em OK para terminar.

Adicionando comandos aos componentes Formulário e Caixa de texto

1. Abra a visualização Fluxo.
2. Escolha Comando Sair na seção Comandos da Paleta de componentes. Arraste e solte-o na janela no componente form. Repita esta ação para o comando do item.
3. Escolha itemCommand na visualização Tela. Na janela Propriedades, altere o valor da propriedade Rótulo para Editar célula.
4. Na visualização Fluxo, escolha o comando OK na seção Comandos da Paleta de componentes, e arraste e solte-o no componente texBox.

Conectando componentes

Inserindo código-fonte

1. Alterne para a visualização Código-fonte.
2. Localize o método getOkCommand no código-fonte (linha 198) e insira o seguinte código depois de okCommand = new Command("Ok", Command.OK, 0);, onde se lê // write post-init user code here (escrever aqui o código do usuário para pós-inicialização):

    	                                    
               } else if (command == itemCommand) {
                   
    		/* This part of the code is responsible for
            * getting value from the table model
            */
            if (textBox != null) {      
           // Get position of the cursor in the table.      
            int row = tableItem.getSelectedCellRow();      
            int column = tableItem.getSelectedCellColumn() ;
           // Get value from the table model  
              Object value = simpleTableModel.getValue(column,row); 
           // Set textBox string value   
             if (value != null)
             textBox.setString(value.toString());          
                else  
             textBox.setString("");
           } 

3. Clique no marcador de erros () da linha 207 e escolha a opção Criar comando Campo no tableitemexample.MyTableItemMidlet no menu pop-up, conforme ilustrado na figura a seguir.



4. Localize o método getItemCommand no código-fonte (linha 189) e insira o seguinte código depois de itemCommand = new Command("Edit Cell", Command.ITEM, 0);, onde se lê // write post-init user code here (escrever aqui o código do usuário para pós-inicialização):

   	     /* Esta parte do código é responsável por
            * obter o valor do modelo de tabela
            */
            if (textBox != null) {      
           // Obter a posição do cursor na tabela.      
            int row = tableItem.getSelectedCellRow();      
            int column = tableItem.getSelectedCellColumn(); 
           // Get value from the table model  
              Object value = simpleTableModel.getValue(column,row); 
           // Set textBox string value   
             if (value != null)
             textBox.setString(value.toString());          
                else  
             textBox.setString("");
           } 
   	  

Executando o projeto

Pressione F6 para executar o projeto principal. Como alternativa, você pode selecionar Executar > Executar projeto principal.