Data Grid#
Основные сведения#
Data Grid - это мощный UI-компонент, предназначенный для отображения и взаимодействия с большими объемами данных в табличном виде. Этот компонент идеально подходит для представления данных в виде строк и столбцов, а также обеспечивает функциональность сортировки и фильтрации данных.
Параметры#
Свойства Компонента:
Группа настроек |
Поле настройки |
Варианты значений |
Назначение |
|---|---|---|---|
(Общие) |
Name |
- |
Наименование компонента в системе |
Columns |
- |
Определение столбцов и их свойств |
|
Component |
Множественный выбор Catalog |
Содержит список из всех Компонентов |
|
Static filters |
Button |
Свойство используется для указания статических фильтров |
|
Dynamic filters |
Button |
Свойство используется для указания динамических фильтров |
|
Page size |
- |
Размер страницы |
|
Manual reload |
- |
Ручная перезагрузка данных |
|
Selection mode |
none, single, multiple, checkbox |
Режим выбора элементов |
|
Automation id |
- |
Идентификатор для автоматизации |
|
Events |
On datasource loaded |
- |
Событие при загрузке источника данных |
On rows selected |
- |
Событие при выборе строк |
|
On loaded |
- |
Событие при загрузке компонента |
|
On table changed |
- |
Событие при изменении таблицы |
|
On header changed |
- |
Событие при изменении заголовка |
|
On row changed |
- |
Событие при изменении строки |
|
On cell changed |
- |
Событие при изменении ячейки |
CSS Свойства:
Группа настроек |
Поле настройки |
Варианты значений |
Назначение |
|---|---|---|---|
Layout |
Width |
- |
Ширина компонента |
Height |
- |
Высота компонента |
|
Margin |
- |
Внешний отступ |
|
Padding |
- |
Внутренний отступ |
|
Visible |
- |
Видимость компонента |
|
Hidden |
- |
Скрытие компонента |
|
Appearance |
CornerRadius |
- |
Закругление углов |
BorderThickness |
- |
Толщина рамки |
|
Brush |
Background |
- |
Цвет фона |
BorderBrush |
- |
Цвет рамки |
Модель конфигурации DataGrid
Для модификации столбцов (колонок) UI компонента DataGrid используются следующий набор настроек:
Поле настройки |
Варианты значений |
Назначение |
|---|---|---|
Translation value |
- |
Заголовок колонки |
Show header |
true, false |
Свойство позволяет настроить отображение заголовка колонки |
Sortable |
true, false |
Свойство позволяет настроить возможность сортировки таблицы по выбранной колонке |
Filterable |
true, false |
Свойство позволяет настроить возможность фильтрации таблицы по выбранной колонке |
Visible |
true, false |
Свойство определяет видимость колонки |
Plain text |
true, false |
Свойство для отображения колонки как обычного текста |
Width |
- |
Ширина колонки в таблице |
Display format |
- |
Формат отображения данных колонки |
Icon |
Доступно только для Edit record, Open application |
Свойство, содержит выбор из доступных иконок |
Command type |
Open application, Edit record |
Свойство, позволяет выбрать действие, которое будет выполнено по нажатию на колонку |
Add field |
Button |
Свойство позволяет добавить поля для вывода в колонке |
Кейсы#
Отображение данных: Идеально подходит для отображения данных в удобной для восприятия табличной форме.
Административные панели: Широко используется в интерфейсах управления для просмотра и редактирования данных.
Аналитические приложения: Позволяет анализировать и сортировать большие объемы информации.
Исключения#
Ограниченная визуализация: Data Grid не подходит для комплексной визуализации данных, такой как графики или диаграммы.
Обработка данных: Компонент предназначен для отображения данных, а не для их обработки или вычислений.