На этом шаге мы рассмотрим способы отображения данных.
Пользователь может работать с базой данных в режиме таблицы или в режиме формы. В режиме таблицы информация
отображается в виде таблицы, что позволяет видеть одновременно несколько записей. Этот режим обычно используется
для просмотра информации. В режиме формы отображается одна запись. Обычно данный режим используется для
ввода и редактирования информации. Часто эти два режима комбинируют. Краткая информация (содержимое
некоторых ключевых полей) выводится в табличной форме, а при необходимости видеть содержимое всех
полей выполняется переключение в режим формы.
Отображение данных в форме таблицы обеспечивает компонент DataGridView (рисунок 1).
Рис.1. Компонент DataGridView
Свойства компонента (таблица 1) определяют вид таблицы и действия, которые могут быть выполнены над
данными во время работы программы.
Таблица 1. Свойства компонента DataGridView
Свойство | Описание |
---|---|
DataSource | Ссылка на источник данных (компонент DataSet) |
DataMember | Ссылка на данные (таблицу из коллекции Tables компонента DataSet) |
Columns | Отображаемая информация (столбцы) — коллекция элементов, каждый из которых задает вид столбца |
ReadOnly | Запрещает (True) внесение изменений в таблицу |
AllowsUsersToDeteteRows | Разрешает (True) удалять строки из таблицы |
AllowsUsersToAddRows | Разрешает (True) добавлять строки в таблицу |
ScrollBars | Отображаемые полосы прокрутки: None — не отображать; Vertical — только вертикальная; Horizontal — только горизонтальная; Both — обе |
EditMode | Задает режим активизации процесса редактирования. Чтобы активизировать режим редактирования записи, надо нажать клавишу F2 (режим EditOnF2) или Enter (режим EditOnEnter) |
AllowUserToResizeColumns | Разрешает (True) менять во время работы программы ширину колонок таблицы |
AllowUserToResizeRows | Разрешает (True) менять во время работы программы высоту строк таблицы |
Свойство Columns компонента DataGridView представляет собой коллекцию объектов
DataGridViewColumn, свойства которых (таблица 2) определяют информацию, отображаемую в колонке.
Таблица 2. Свойства объекта DataGridViewColumn
Свойство | Описание |
---|---|
DataPropertyName | Поле, содержимое которого отображается в столбце |
HeaderText | Заголовок столбца |
Width | Ширина столбца |
Настройка компонента DBGrid выполняется следующим образом. Сначала в коллекцию Columns
надо добавить столько элементов, сколько столбцов данных необходимо отобразить в поле компонента DataGridView.
Для этого следует раскрыть окно редактора коллекции — щелкнуть на кнопке с тремя точками, которая находится в
поле значения свойства Columns, или из контекстного меню компонента (оно появляется в результате щелчка
правой кнопкой мыши в поле компонента) выбрать команду Edit Columns (Правка столбцов). В окне редактора
коллекции надо сделать щелчок на кнопке Add (Добавить) и задать значения свойств добавленного элемента (рисунок 2).
Рис.2. Настройка элемента коллекции Columns компонента DataGridView
В таблице 3 приведены значения свойств компонента DataGridView, а на рисунке 3 — вид формы после его настройки.
Таблица 3. Значения свойств компонента DataGridView
Свойство | Описание |
---|---|
DataSource | dataSet1 |
DataMember | contacts |
ScrollBars | Vertical |
Size | 435;155 |
AllowUserToResizeCollumns | False |
RowHeaderWidth | 24 |
Columns[1].HeaderText | cid |
Columns[0].DataPropertyName | cid |
Columns[0].Visible | False |
Columns[1].HeaderText | Имя |
Columns[1].DataPropertyName | name |
Columns[1].Width | 100 |
Columns[2].HeaderText | Телефон |
Columns[2].DataPropertyName | phone |
Columns[2].Width | 100 |
Columns[3].HeaderText | Эл.почта |
Columns[3].DataPropertyName | |
Columns[3].Width | 100 |
Columns[4].HeaderText | img |
Columns[4].DataPropertyName | img |
Columns[4].Width | 94 |
Рис.3. Форма после настройки компонента DataGridView
На следующем шаге мы закончим изучение этого вопроса.