Колонки

Настройка колонок дерева выполняется аналогично таблице. При использовании примеров из приведённой статьи не забывайте, что Controls.grid:View необходимо заменить на Controls.treeGrid:View.

В следующем примере приведена настройка колонок дерева.

Пример
Исходный код
<!-- WML -->
<Controls.treeGrid:View
   source="{{_viewSource}}"
   columns="{{_columns}}"
   parentProperty="parent"
   nodeProperty="type"/>
// TypeScript
protected _columns: TColumns = [
    { displayProperty: 'title', width: '' },
    { displayProperty: 'rating', width: '' },
    { displayProperty: 'country', width: '' }
];

Дополнительно, при настройке пользовательского шаблона отображения ячеек колонки, в области видимости шаблона contentTemplate через переменную item можно получить доступ к:

  • getLevel() — возвращает уровень вложенности элемента относительно корня.
  • nodeType — тип элемента. Возвращает true для типа "узел", false — для типа "скрытый узел", null — для типа "лист".

Также в области видимости шаблона доступна переменная expanderTemplate, с помощью которой можно отобразить кнопку-экспандер в произвольном месте элемента.