Добавление фотографии на страницу
Об этой задаче
Вы заметите, что форма обновления является обычной таблицей HTML со статичным текстом и некоторыми компонентами ввода, привязанными к столбцам в реляционной записи update_record. Учитывая это можно добавить строки и столбцы для изменения формы, точно так же, как и при работе с любой другой таблицей HTML. В последующих шагах вы добавите новую строку для отображения текущего фото.
Добавление строк и столбцов более сложно для таблицы с данными, отображающей список реляционных записей. Информация о добавлении столбцов к таблице с данными приведена в разделе Урок 1.2: Подключение к базе данных и отображение данных на Web-странице.
- Дважды щелкните на странице update_record.jsp в панели Структура предприятия.
- Поместите курсор в первую (верхнюю левую) ячейку таблицы. Эта ячейка помечена как ИД.
- В главном меню выберите . Откроется окно Добавить строки и столбцы. Выберите Строки, затем - Над выбранной ячейкой. Будет создана новая строка вверху таблицы, которая будет содержать текущее фото для записи. Нажмите OK.
- В крайней левой ячейке новой строки введите метку Текущая фотография:.
- Переместите компонент Изображение из лотка Компоненты Faces палитры в самую крайнюю ячейку новой строки. В отличие от предыдущего упражнения, вы позволите пользователю задать полноразмерное изображение без ограничение размеров, поэтому не изменяйте значения ширины и высоты на панели Свойства.
- Привяжите компонент изображения к столбцу ФОТО для update_record, переместив столбец ФОТО из панели Данные страницы в новый компонент изображения. Компонент изображения теперь привязан к столбцу ФОТО базы данных.
- Не отменяя выбора изображения, на панели Свойства нажмите кнопку Выбрать объект данных страницы рядом с полем Тип. Откроется окно Выбрать объект данных страницы.
- Выберите .
- Нажмите кнопку OK. На странице
будет показана текущая фотография для объявления. Страница должна
выглядеть следующим образом:
