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

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

1. Выберите в меню Файл команду Создать проект (CTRL+SHIFT+N). В разделе "Категории" выберите "Java ME". В разделе "Projects" выберите "Mobile Application" и нажмите "Next".
2. Введите MyTableExample в поле "Project Name". В поле "Project Location" укажите локальный каталог. Далее в тексте этот каталог будет называться каталогом $PROJECTHOME.
3. Снимите флажок с параметра "Create Hello MIDlet". Нажмите кнопку "Next".
4. Оставьте "Sun Java Wireless Toolkit 2.5.2" в качестве выбранной платформы эмулятора. Нажмите кнопку "Finish".

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

1. Выберите проект MyTableExample в окне "Проект", откройте меню Файл и выберите команду Создать файл (CTRL+N). В области "Категории" выберите "Java". В разделе "File Types" выберите "Java Package". Нажмите кнопку "Next".
2. Введите tableitemexample в поле "Package Name". Нажмите кнопку "Готово".
3. Выберите пакет tableitemexample в окне "Проект", откройте меню Файл и выберите команду Создать файл (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 в окне "Свойства" равным Edit.
3. Дважды щелкните компонент form, чтобы переключиться к представлению "Экран".
4. Перетащите компонент Table Item из раздела "Элементы" палитры компонентов в компонент form. Компонент Table Item, добавленный в Screen Designer, выглядит следующим образом:

   

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

Изменение SimpleTableModel

1. В представлении "Экран" дважды щелкните компонент <Модель таблицы не определена>, чтобы открыть диалоговое окно "Значения".
2. В диалоговом окне "Значения" выберите параметр "Использовать заголовок".
3. Нажмите кнопку "Добавить строку" и "Добавить столбец" четыре раза, чтобы увеличить количество строк и столбцов на 4.
4. Переименуйте заголовки таблицы в column 1, column 2, column 3 и column 4.



5. Для завершения нажмите "OK".

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

1. Откройте представление потока операций.
2. Выберите элемент Команда выхода в разделе "Команды" на палитре компонентов. Перетащите ее в компонент form. Повторите эту операцию для команды Item.
3. Выберите itemCommand в представлении "Экран". Откройте окно "Свойства" и измените значение свойства Label на Edit Cell.
4. В представлении потока операций выберите команду Ok из раздела "Команды" палитры компонентов и перетащите ее в компонент textBox.

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

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

1. Перейдите к представлению "Source".
2. Найдите метод getOkCommand в исходном коде (строка 198) и вставьте следующий код после кода okCommand = new Command("Ok", Command.OK, 0); вместо комментария // write post-init user code here:

    	                                    
               } else if (command == itemCommand) {
                   
    		/* Эта часть кода выполняет
            * получение значений из модели таблицы
            */
            if (textBox != null) {      
           // Получение положения курсора в таблице.
            int row = tableItem.getSelectedCellRow();      
            int column = tableItem.getSelectedCellColumn() ;
           // Получение значения из модели таблицы
              Object value = simpleTableModel.getValue(column,row); 
           // Установка значения textBox
             if (value != null)
             textBox.setString(value.toString());          
                else  
             textBox.setString("");
           } 

3. Щелкните маркер ошибки () в строке 207 и выберите во всплывающем меню команду Создать поле в tableitemexample.MyTableItemMidlet, как показано на следующем рисунке.



4. Найдите метод getItemCommand в исходном коде (строка 189) и вставьте следующий код после кода itemCommand = new Command("Edit Cell", Command.ITEM, 0); вместо комментария // write post-init user code here:

   	     /* Эта часть кода ответственна за
            * получение значения из модели таблицы
            */
            if (textBox != null) {      
           // Получение позиции курсора в таблице.      
                     int row = tableItem.getSelectedCellRow();      
            int column = tableItem.getSelectedCellColumn() ;
           // Получение значения из модели таблицы
              Object value = simpleTableModel.getValue(column,row); 
           // Установка значения textBox
             if (value != null)
             textBox.setString(value.toString());          
                else  
             textBox.setString("");
           } 
   	  

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

Для запуска главного проекта нажмите клавишу F6 или выберите в меню Выполнить команду Выполнить главный проект.