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. Clique duas vezes no componente form1 para alterar para a janela Designer de tela.
3. Arraste componente Item de tabela na seção Itens do formulário da Paleta e arraste e solte-o no form1. O componente Item de tabela tem a aparência seguinte quando é adicionado ao Designer de tela:

   

4. Clique em tableItem1 e, na janela Propriedades, digite TableItem Example na propriedade Rótulo.
5. Selecione textBox1 e altere o título do componente para "Editar".
6. Clique com o botão direito na pasta Recursos e escolha Adicionar > Modelo de tabela simples.

Atribuindo Modelo de tabela simples a um componente Item de tabela

1. Selecione o componente tableItem1 na visualização Tela.
2. Na janela Propriedades, clique na propriedade Modelo de tabela e escolha simpleTableModel1 na lista. Agora você pode ver uma grade da tabela dentro do componente Item de tabela.

   

Editando Modelo de tabela simples

1. Clique duas vezes no componente tableItem1 (Designer de tela) para abrir a janela Editor do modelo de tabela.
2. Na janela Editor do modelo de tabela, altere o número de linhas e colunas para 4.
3. Marque a opção Usar cabeçalhos.
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 janela de fluxo.
2. Escolha o comando Sair na seção Comandos da Paleta do componente. Arraste-o e solte na janela Fluxo (componente form1). Repita esta ação para o comando do item.
3. Escolha itemCommand1[Command] no Designer de tela. Na janela Propriedades, altere o valor da propriedade Rótulo para "Editar célula".

   

4. Escolha o comando OK na seção Comandos da Paleta do componente e arraste-o e solte no componente texBox1.

Conectando componentes

1. Na janela Design de fluxo, clique em Ponto de início no Dispositivo móvel e arraste-o para o componente form1. Da mesma forma, conecte os componentes como mostrado no gráfico seguinte.

   

Inserindo uma pré-ação no código-fonte

1. Alterne para a janela Código-fonte.
2. Localize o método commandAction no código-fonte: Inserir o código seguinte na seção de pré-ação de okCommand1 (logo após: if (command == okCommand1) {, onde se lê //inserir código de pré-ação aqui):

    	  /* Esta parte do código é responsável por 
          * salvar os valores no modelo de tabela 
          */ 
         // Obter a posição do cursor na tabela
             int row = tableItem1.getSelectedCellRow();
             int column = tableItem1.getSelectedCellColumn();
         // Definir o novo valor do modelo de tabela 
         simpleTableModel1.setValue(column,row,textBox1.getString());
         // Redesenhar o modelo de tabela no dispositivo de tela
         simpleTableModel1.fireTableModelChanged(); 
        

3. Insira o código seguinte na seção de pré-ação de itemCommand1 (logo após: } else if (command == itemCommand1) {, onde se lê //inserir código de pré-ação aqui):

    		/* Esta parte do código é responsável por
            * obter o valor do modelo de tabela
            */
            if (textBox1 != null) {      
           // Obter a posição do cursor na tabela.      
            int row = tableItem1.getSelectedCellRow();      
            int column = tableItem1.getSelectedCellColumn() 
           // Obter o valor do modelo de tabela  
              Object value = simpleTableModel1.getValue(column,row); 
           // Definir o valor da string de textBox   
             if (value != null)
             textBox1.setString(value.toString());          
                else  
             textBox1.setString("");
           } 
            

Executando o projeto

1. Pressione <F6> para executar o projeto principal.

   Como alternativa, você pode selecionar Executar > Executar projeto principal.