Заметки программиста | info.sectorit.net

По ходу решения задачи на вывод иерархической (древовидной) структуры данных в WEB-проекте скопилось с десяток вкладок - не в избранное же их пихать). Краткий обзор JavaScript и jQuery плагинов для вывода данных в виде дерева.

В даном проекте требования к дереву были такие:

1. Дерево должно быть активным, т.е. сворачивать/разворачивать ветки;
2. Обязательный Drag-n-Drop, причем между разными деревьями.
3. Желательно использовать  jQuery-плагин.
4. Ну и конечно же дерево не должно "тупить".

Что есть:

jsTree - похоже самый популярный плагин;

Dyna Tree - точно умеет перетаскивать элементы между деревьями;

File Tree - jQuery плагин - посредственно;

Tree Table - jQuery плагин выводит дерево с помощью таблицы;

DnD Tree - очень простое и быстрое дерево на jQuery;

Tree View - jQuery плагин. Не обнаружил Drag-n-Drop;

jQuery Tree - нашел на хабре. Довольно интересное дерево без DnD, но оно имеет на узлах чекбоксы с 3-мя состояниями.

DD Tree - пример простого дерева с Drag-n-Drop и много других примеров реализаций интерфейсов на jQuery;