Компоненты визуализации

Визуальные компоненты для работы с данными расположены на странице DataControls палитры компонентов и предназначены для построения интерфейсной части приложения. Они используются для навигации по набору данных, а так же для отображения и редактирования записей.

Часть визуальных компонентов для работы с данными служит для выполнения операций с полями отдельной записи. Они отображают и позволяют редактировать значения поля текущей записи. К таким компонентам относятся: однострочный редактор DBEdit и графическое изображение DBImage.

Каждый из таких компонентов имеет два свойства, через которые обеспечивается его связь с полем выбранного источника данных:

1. Свойство DataSource задает имя источника данных, которые подклбчен к одному из наборов данных приложения;

2. DataFiled – задает связь элемента управления с конкретным полем источника данных, значение этого свойства выбирается из расрывающегося списка.

Другие компоненты служат для отображения и редактирования сразу нескольких записей. Это компонент DBGrid.

DBGrid

Для вывода записей из набора данных в табличном виде используется сетка, представленная компонентов DBGrid. Внешний вид сетки соответствует внутренней структуре таблицы БД, при этом строке сетки соответствует запись, а столбцу – поле.

Основные свойства:

1. Columns – типа TDBGridColumns, которое представляет собой массив объектов, описывающих отдельные столбцы сетки.;

2. Color, FixedColor – задают цвет сетки и ее фиксированных элементов. По умолчанию свойство Color имеет значение clWindow (Цвет фона окна приложения), а свойство FixedColor значение clBtnFace (цвет кнопки);

3. TitleFont – определяет шрифт, используемый для вывода заголовка столбцов.

Отдельный столбец Column сетки представляет собой объект типа tColumn. По умолчанию для каждого полянабора данных, связанному с компонентов BDGrid автоматически создается отдельный столбец и все столбцы в сетке доступны. Такие столбцы являются динамическими.

Для создания статических столбцов используется специальный редактор. Для запуска редактора можно вызвать контекстное меню компонента DBGrid и выбрать в нем “Columns Editor”.

Первоначально список статических столбцов пуст, показывая тем самым, что все столбцы сетки являются динамическими.

Редактор столбцов позволяет:

1. Создать статический стоблец;

2. Удалить статический столбец;

3. Изменть порядок следования статических столбцов.

Кроме того, для любого выбранного в редакторе статического столбца через инспектор объектов можно задать или изменить его свойства и определить обработчики его событий.

Создать статический столбец можно нажав на кнопку «AddNew» панели инструментов редактора столбцов. В левой части строки содержится номер этого столбца в массиве столбцов, а в правой части имя поля набора данных, с которым связан столбец. Сразу после добавления к списку столбец не свзяан ни с одним полем, и вместо имени поля указывает TColumn. При выполнении приложения подобный столбец окажется пустым. Для этого нужно отредактировать свойство FieldName, где выбирается имя поля, которое будет отображаться в нем.

Перечислим более важные свойства объекта столбца:

1. Alignment – управляет выравниванием значений в ячейках столбца и может принимать следующие значения:

   1. taLeftJustify – выравнивание по левой границе;

   2. taCenter – выравнивание по центру;

   3. taRightJustify – выравнивание по правой границе.

2. PickList. Представляет собой список для выбора заносимых в поле значений ( выпадающий список);

3. Title – представляет собой объект заголовка столбца. В свою очередь этот объект имеет следующие свойства:

   1. Caption – непосредственно текст, отображаемый как заголовок

   2. Alignment – выравнивание;

   3. Color – цвет;

   4. Font – шрифт.

Пример:

Рассмотрим процесс построения информационной цепочки.

1. На форму поместим компонент IBDatabase, настроим его свойства;

2. Поместим на форму компонент IBTransaction и свойству defaultDatabase зададим значенеи idDatabase1;

3. На форму поместим компонент IBTable, настроим свойство DatabaseName, его значение выберем idDatabase1. Далее настраиваем свойство TableName (из выпадающего списка выбираем нужную таблицу);

4. Поместим компонент DataSource. Настраиваем свойство DataSet (выбираем имя таблицы (table1));

5. Помещаем на форму компонент DBGrid. Устанавливаем свойство DataSource (datasource1), и после этого редактируем этот компонент;

6. Свойству active компонента IBTable задать значение true.