Теперь, после ознакомления с компонентом TableItem, можно рассмотреть процедуру создания этого приложения. Для создания приложения необходимо выполнить действия, указанные ниже.

Создание проекта MyTableExample

1. В меню File выберите команду New Project (Файл > Новый проект) (CTRL+SHIFT+N). В разделе "Categories" (Категории) выберите "Java ME". В разделе "Projects" (Проекты) выберите "Mobile Application" (Приложение Mobile) и нажмите кнопку "Next" (Далее).
2. Введите MyTableExample в поле "Project Name" (Имя проекта). В поле "Project Location" (Местоположение проекта) укажите локальный каталог. Далее в тексте этот каталог будет называться каталогом $PROJECTHOME.
3. Снимите флажок с параметра "Create Hello MIDlet". Нажмите кнопку "Next" (Далее).
4. Оставьте "Java Platform Micro Edition SDK 3.0" в качестве выбранной платформы эмулятора. Нажмите кнопку "Finish" (Готово).

Добавление пакетов и визуального мидлета к проекту "MyTableExample"

1. Выберите проект MyTableExample в окне "Project" (Проекты), затем в меню File выберите комаду New File (Файл > Создать файл) (CTRL+N). В области "Categories" (Категории) выберите "Java". В разделе "File Types" (Типы файлов) выберите "Java Package". Нажмите кнопку "Next" (Далее).
2. Введите tableitemexample в поле "Package Name" (Имя пакета). Нажмите кнопку "Finish" (Готово).
3. Выберите пакет tableitemexample в окне "Project" (Проекты), затем в меню File выберите команду New File (Файл > Создать файл) (CTRL+N). В разделе "Categories" (Категории) выберите "MIDP". В разделе "File Types" (Типы файлов) выберите "Visual MIDlet". Нажмите кнопку "Next" (Далее).
4. Введите MyTableItemMidlet в поля "MIDlet Name" и "MIDP Class Name". Нажмите кнопку "Finish" (Готово).

Добавление компонентов к проекту MyTableItemMidlet

1. Переключите визуальный мидлет на представление "Flow". Перетащите следующие компоненты "Screen" из окна "Palette" в окно "Flow Designer":
   • Form
   • TextBox
2. Выберите компонент textBox и установите для свойства компонента "Title" в окне "Properties" (Свойства) значение Edit.
3. Дважды щелкните компонент form, чтобы переключиться к представлению "Screen" (Экран).
4. Перетащите компонент Table Item из раздела Items (Элементы) палитры компонентов в компонент form. Компонент Table Item, добавленный в Screen Designer, выглядит следующим образом:

   

5. Выберите компонент tableItem, откройте окно "Properties" (Свойства) и введите TableItem Example в качестве значения свойства "Label".
6. Правой кнопкой мыши щелкните компонент tableItem и выберите "Properties" (Свойства) во всплывающем меню.
7. Щелкните стрелку () в свойстве "Table Model" и выберите команду<Создать SimpleTableModel> в раскрывающемся списке.
8. Выберите "Close" (Закрыть).
   Компонент simpleTableModel добавляется в раздел "Resources" (Ресурсы).

   

Изменение SimpleTableModel

1. В представлении "Screen" (Экран) дважды щелкните компонент <No table model specified>> (Модель таблицы не определена), чтобы открыть диалоговое окно "Values" (Значения).
2. В диалоговом окне "Values" (Значения)выберите параметр "Use Header" (Использовать заголовок).
3. Нажмите кнопку "Add Row" (Добавить строку)и "Add Column" (Добавить столбец) четыре раза, чтобы увеличить количество строк и столбцов на 4.
4. Переименуйте заголовки таблицы в column 1, column 2, column 3 и column 4.

   

5. Для завершения нажмите кнопку "OК".

   

Добавление команд к компонентам Form и TextBox

1. Откройте представление "Flow".
2. Выберите элемент ExitCommand в разделе "Commands" (Команды) на палитре компонентов. Перетащите ее в компонент form. Повторите эту операцию для элемента ItemCommand.
3. Выберите itemCommand в представлении "Screen" (Экран). Откройте окно "Properties" (Свойства) и измените значение свойства "Label" на Edit Cell.
4. В представлении Flow (Последовательность действий) выберите элемент OkCommand в разделе "Commands" (Команды) на палитре компонентов и перетащите его в компонент textBox.

   

Соединение компонентов

Вставка исходного кода

1. В представлении "Flow" щелкните правой кнопкой мыши элемент itemCommand компонента form и выберите команду "Go to source" (Перейти к исходному тексту) во всплывающем меню.
2. Вставьте следующий код перед методом switchDisplayable вместо комментария // write pre-action user code here:

    	                                    
               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. В представлении "Flow" щелкните правой кнопкой мыши элемент okCommand компонента textBox и выберите команду "Go to source" (Перейти к исходному тексту) во всплывающем меню.
4. Втавьте следующий код перед методом switchDisplayable вместо комментария // write pre-action user code here:

   	            int row = tableItem.getSelectedCellRow();
                   int column = tableItem.getSelectedCellColumn();
                   // Set new value to the table model 
                   simpleTableModel.setValue(column, row, textBox.getString());
                   // Repaint table model on the screen device
                   simpleTableModel.fireTableModelChanged();  
   	  

5. Нажмите сочетание клавиш CTRL+S, чтобы сохранить внесенные изменения.

Запуск проекта

Нажмите клавишу F6, чтобы запустить основной проект. Можно также выбрать в меню Run команду Run Main Project (Запустить > Запустить основной проект).