English | Русский
Tree

Webix Tree позволяет представить иерархически упорядоченные данные в удобном для пользователя виде. С помощью данного виджета пользователь может подробно изучить все уровни иерархии данных вашего приложения.

Webix Tree виджет
Демо

Развернуть / свернуть по клику

Узлы этого js дерева можно сворачивать и разворачивать одним щелчком мышки. Это позволяет вам оставлять на экране только нужную на данный момент информацию.

Динамическая загрузка данных

Динамическая загрузка позволяет осуществлять асинхронную загрузку разных уровней Tree-компонента. Сначала загружаются только узлы первого уровня. Если затем вы открываете ветку меню, ее ID отправляется на сервер и происходит динамическая загрузка данных.

Двух- и трехуровневые чекбоксы

Трехуровневый режим позволяет выбрать все подменю в JavaScript tree, путем отмечания родительского чекбокса и указания наличия вложенных чекбоксов, выбранных пользователем с помощью дополнительного режима чекбокса.

Клиавиатурная навигация

Webix js дерево дает вам возможность осуществлять навигацию при помощи клавиатуры и горячих клавиш, что приводит к уменьшению количества действий при работе с данными виджета.

CRUD операцииДемо

Вы можете различные CRUD операции с данными Tree: добавление, удаление, копирование, вставка, а также изменять название узла прямо в иерархическом дереве.

Стилизация через CSS

Дизайн Tree полностью определяется через CSS,что позволяет вам ускорить работу над приложением и сделать ее проще. Кроме того, вы можете использовать целый набор иконок для украшения виджета.

Drag-and-DropДемо

Расширенные свойства drag-and-drop дают возможность перетаскивать элементы js дерева (столбцы) не только внутри Tree, но и между Tree и Datatable, List, DataView, TreeTable, а также между несколькими виджетами Tree.

Сохранение/восстановление состоянияДемо

Виджет позволяет сохранить, а затем восстановить развернутое или свернутое состояние Tree в cookies, локальном и внешнем хранилище. Это состояние содержит данные об открытых и выбранных узлах, что значительно упрощает работу конечного пользователя с деревом.

Совместимость с браузерами

Webix Tree одинаково хорошо работает в большинстве современных браузеров, таких как IE10, Mozilla Firefox, Opera, Chrome и Apple Safari.

Поддержка тач устройств

Это Webix дерево js показывает превосходные результаты на тач девайсах, автоматически определяя наилучший механизм обработки тач-событий для каждого устройства.

Windows and Popups
Uploader
Development Tools