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 . Загрузка Данных включая Динамическую загрузку больших наборов данных частично, по мере проскроливания или открывания веток.

Related sample:  Static and Dynamic Loading

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

Related sample:  TreeTable: Filtering

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

Related sample:  Selecting Items in TreeTable

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

Related sample:  Editing Data in TreeTable

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

Related sample:  Using Formulas

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

Related sample:  Data Grouping: Aggregate Values

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

Related sample:  Export to Excel

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

Related sample:  Different Copy-Paste Modes

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

Наверх
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.