Продолжаем закреплять полученные знания о редакторе текста, об использовании таблицы для отображения дочерней информации, дорабатываем проект “Библиотека” v.4.0
Требования заказчика
Доработать проект Библиотека v.4.0:
- хранить биографическую информацию об авторах, включающую форматированный текст, изображения и ссылки на интернет-ресурсы
- на форме редактирования жанра отображать список книг, которые к нему относятся
Проектирование
Доработки потребуются минимальные – необходимо добавить соответствующие компоненты на формы редактирования.
🔨 Внесите данную информацию в проектную документацию.
Формы редактирования
efmAuthor
Добавляем компонент RichEdit (1), даём ему имя redBio. Подключаем источник данных (2) – настраиваем свойства TableName и FieldName. Привязываем края компонента к краям формы (3).
Однако при запуске формы наблюдается визуальная перегрузка дизайна: элементы управления редактора занимают около трети области редактирования:
Поэтому необходимо у формы редактирования установить свойство Sizeable = True, чтобы при необходимости увеличивать её размер:
📝 Подробней о настройке видимости кнопок на панели инструментов редактора можно прочитать в разделе “Редактор текста“
🔨 Настройте свойства компонентов для формы efmAuthor
| Свойство | efmAuthor | Rich Edit | Примечание |
|---|---|---|---|
| Name | redBio | ||
| Left | 8 | ||
| Top | 56 | ||
| Width | 417 | 417 | |
| Height | 437 | 320 | |
| Sizeable | True | ||
| Anchors | [All] | ||
| TableName | author | ||
| TableField | bio | ||
| Ruler | False | Сантиметровая линейка не понадобится. |
🔨 Добавляем компонент redBio в список компонентов кнопки btnSave:
efmGenre
Увеличиваем размер формы, добавляем компонент Table Grid (1), настраиваем его свойства (2,3).
Затем настраиваем таблицу для отображения данных по книгам: укажите главную таблицу (1) – book. Добавьте два поля для отображения book.name (2) и author.name (3). Настройте заголовок (4).
Переключатель (5) оставьте в положении “Показать дочерние записи” и сохраните настройку.
🔨 Настройте свойства компонентов для формы efmGenre
| Свойство | efmGenre | Table Grid | Примечание |
|---|---|---|---|
| Name | tgrBook | ||
| Left | 8 | ||
| Top | 56 | ||
| Width | 378 | 417 | |
| Height | 304 | 320 | |
| Font.Size | 11 | ||
| DefaultRowHeight | 22 |
В результате на форме будут отображаться сведения о книгах выбранного жанра:
Подведение итогов
На этом изучение компонентов ввода и отображения данных можно считать почти законченным. Но, чтобы приложение выглядело профессионально, вам могут понадобиться дополнительные компоненты.