Пример работы с QuantumGrid от DevExpress: таблица без БД с редактированием

Delphi , Компоненты и Классы , Компоненты

Разработчики, столкнувшиеся с компонентом QuantumGrid от DevExpress, могут испытывать затруднения при первом знакомстве с этим мощным инструментом. Особенно это касается тех, кто хочет создать простой, не связанный с базой данных, плоский, но редактируемый пользователем грид. В данной статье мы рассмотрим, как можно быстро начать работу с QuantumGrid, используя простой пример.

Шаг 1: Добавление QuantumGrid на форму

Для начала, необходимо добавить QuantumGrid на вашу форму в Delphi. Это можно сделать, перетащив соответствующий компонент из Palette на форму в редакторе.

Шаг 2: Удаление стандартного GridView

После добавления QuantumGrid на форму, первым делом удалите стандартный GridView, чтобы затем создать новый TableView. Это делается путем правого клика по QuantumGrid в редакторе и выбора пункта "Delete View".

Шаг 3: Создание TableView и колонок

Далее, необходимо создать TableView, для чего в редакторе QuantumGrid перейдите на вкладку "Views", кликните "Add View..." и выберите "Table". Затем перейдите на вкладку "Columns", добавьте несколько колонок, которые необходимы для вашей таблицы.

Шаг 4: Связывание GridLevel с TableView

После создания TableView, свяжите GridLevel с этим новым видом, выбрав "Select View" в контекстном меню GridLevel.

Шаг 5: Заполнение таблицы данными

На форме добавьте кнопку и в ее обработчик нажатия вставьте следующий код:

cxGrid1TableView1.DataController.BeginFullUpdate;
try
  cxGrid1TableView1.DataController.RecordCount := 3;
  cxGrid1TableView1.DataController.SetValue(0,0,'Data1');
  cxGrid1TableView1.DataController.SetValue(1,0,'Data2');
  cxGrid1TableView1.DataController.SetValue(2,0,'Data3');
finally
  cxGrid1TableView1.DataController.EndFullUpdate;
end;

В этом коде cxGrid1TableView1 - это ваш TableView, а методы SetValue используются для установки значений в ячейки таблицы, где RecordIndex соответствует индексу строки, а ItemIndex - индексу колонки.

Шаг 6: Дополнительные возможности

Для более сложного управления данными вы можете использовать методы Insert и Delete объекта DataController, а также настройку виджета навигации в разделе "OptionsView" для включения виджетов, таких как кнопки для перемещения по строкам.

Полезные материалы

Не забывайте, что официальные демо-проекты QuantumGrid, расположенные в директории "QuantumGrid directory\Demos\Delphi", могут быть намного полезнее, чем документация.

Следуя этим шагам, вы сможете быстро начать работу с QuantumGrid и создать простой, но функциональный табличный грид без привязки к базе данных.

Создано по материалам из источника по ссылке.

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

Комментарии и вопросы

Получайте свежие новости и обновления по Object Pascal, Delphi и Lazarus прямо в свой смартфон. Подпишитесь на наш Telegram-канал delphi_kansoftware и будьте в курсе последних тенденций в разработке под Linux, Windows, Android и iOS

:: Главная :: Компоненты ::