TreeTable

Справочник по API

Обзор

TreeTable наследуется от view и объединяет в себе свойства и методы DataTable и Tree.

Инициализация

Чтобы отобразить данные в виде дерева, задайте темплейт {common.treetable()} для столбцов. В противном случае вы получите стандартный DataTable.

webix.ui({
    view:"treetable",
    columns:[
        { 
            id:"id",    
            header:"", 
            width:50
        },
        { 
            id:"value",
            header:"Film title", 
            template:"{common.treetable()} #value#"
        },
        { 
            id:"chapter",   
            header:"Mode",  
            width:200
        }
    ],
    data: "..." // набор данных, переменная или путь
})

Related sample: Basic Initialization

Tree заполняется иерархическими данными, поступающими в XML и JSON форматах. ID столбцов должны совпадать с ключами из исходного набора данных.

Работа с TreeTable

Ниже приведенные операции общие для DataTable и Tree:

1 . Загрузка данных, включая Динамическую загрузку больших наборов данных частично, по мере проскроливания или открывания веток.

2 . Фильтрация - встроенная пользовательская фильтрация в различных режимах.

Related sample: TreeTable: Filtering

3 . Режимы выбора элементов Datatable по ячейкам, строкам, столбцам, блокам.

4 . Редактирование элементов данных по клику, двойному клику или другому действию.

5 . Математические операции - встроенная логика для хранения данных в виде математических формул и их редактирование.

Related sample: Using Formulas

6 . Группировка элементов данных - встроенная логика для представления иерархических данных в виде дерева.

7 . Экспорт данных в Excel, PDF и PNG форматы.

Related sample: Export to Excel

8 . Работа с буфером обмена.

Статьи по теме

Наверх

If you have not checked yet, be sure to visit site of our main product Webix html5 library and page of javascript tree grid product.