DataGrid.metadata

Метаданные типа DataGrid.

Properties

Name	Type	Default	Description
Columns	Array.<DataGridColumn>	–	Список колонок таблицы.
ShowSelectors	Boolean	true	Определяет показывать ли колонку с CheckBox/Radio для выбора элементов.
Scroll	Boolean	true	Расстягивает DataGrid на все свободное пространство по вертикали.
CheckAllVisible	Boolean	false	Определяет виден ли элемент “Выбрать все” в шапке таблицы.
OnCheckAllChanged	Script	–	Устанавливает обработчик изменения состоняие элемента “Выбрать все” в шапке таблицы.
VerticalAlignment	String (⇔)	–	Вертикальное выравнивание таблицы. Возможны значения: Top, Center, Bottom, Stretch.
RowBackground	Color (⇔)	–	Цвет фона строки
RowForeground	Color (⇔)	–	Цвет текста строки
RowTextStyle	TextStyle (⇔)	–	Стиль текста строки
RowStyle	String (⇔)	–	Имя кастомного стиля, применяемого к строке
onRowClick	Script	–	Устанавливает обработчик события на клик по элементам DataGrid.
onRowDoubleClick	Script	–	Устанавливает обработчик события на двойной клик по элементам DataGrid.

(⇔) Свойство может быть задано, как DataBinding.

Examples

{
  "DataGrid": {
    "Columns": [
      {
        "Header": "Name",
        "CellProperty": "Name",
        "Sortable": true,
        "SortedDefault": "asc",
        "SortFunction": "{ console.log(args.sortDirection) }"
      },
      {
        "Header": "Family",
        "CellProperty": "Family"
      },
      {
        "Header": "Kingdom",
        "CellProperty": "Kingdom"
      }
    ],
    "VerticalAlignment": "Stretch",
    "Items": {
      "Source": "peopleDataSource"
    },
    "OnRowClick": "{ console.log(args.source) }",
    "OnRowDoubleClick": "{ console.log(args.source) }",
    "RowBackground": {
      "Source": "RowStyleDataSource",
      "Property": "#",
      "Mode": "ToElement",
      "Converter": {
        "ToElement": "{ return args.value.Age > 100 ? 'Accent1' : 'Accent2'; }"
      }
    }
  }
}