type

объект с настройками отображения элементов

object|string type;

Example

list = webix.ui({
    view:"tree",
    ...
    type:{
        template:"{common.icon()} {common.folder()}<span>#value#</span>",
    }
});

Related samples

Details

Свойства объекта type:

  • css - (string) имя css-класса, который будет присвоен элементам компонента (по умолчанию имя 'default').
  • template - (function, string) html-темплейт, который определяет вид и содержимое элементов.

Встроенные типы

  • lineTree - добавляет веткам вертикальные линии.
webix.ui({
    view:"tree",
    type:"lineTree"
});

Related sample:  (Tree) Lines

Встроенные методы

У темплейта дерева есть следующие методы:

  • space
  • icon
  • checkbox
  • folder
webix.ui({
   view:"tree",
   template:"{common.icon()} {common.checkbox()} {common.folder()}"+
        "<span>#value#</span>",
});

Related sample:  2-state Checkboxes

Подробнее читайте в этой статье.

See also
Наверх
If you have not checked yet, be sure to visit site of our main product Webix javascript website framework and page of tree ui product.