Создание сортируемого дерева / сетки в Javascript [закрыто]

Question

Я бы хотел создать древовидную структуру из JSON, но с несколькими столбцами, которые можно сортировать.Я видел множество реализаций деревьев и сеток, но никогда ни одна из них не смешивалась.

Кто-нибудь знает о плагине или функции для любого инструментария Javascript, который может сделать это возможным, чтобы мне не пришлось заново изобретать колесо здесь?

Answer 1

Это выглядит довольно мило: http: //www.max -bazhenov.com/dev/ux.maximgb.treegrid/index.html

Использует ExtJS, который имеет некоторые лицензионные ограничения, которые вы должны учитывать.

Answer 2

Я нашел все эти компоненты:

• Древовидная сетка Coqsoft, коммерческий, кажется , non plus ultra!
• Внешний JS, коммерческий:
  • Дерево столбцов компонент *
  • Вложенная Сетка, то есть Плагин сетки с Расширителем строк изменено Михаилом
  • Внешний.ux.maximgb.treegrid, еще один мод от Max (предложенный eyelidless)
• JQTreeTable ( изменяемый ), минимальный, требует jQuery *
• Пригодный для выращивания на дереве, плагин для jQuery *
• додзе-столешница на дереве, основанный на Додзе *
• Maxdesign - Максимальный Дизайн, это просто хороший css *

* кажется, что сортировка невозможна

Лично я пытаюсь Пригодный для выращивания на дереве и, после некоторых настроек (покопавшись в примерах в исходном коде страницы документации ...), я наслаждаюсь его простотой и ясностью.

Answer 3

После долгих исследований по сетке деревьев, лучшая, с которой я столкнулся, - это jeasyui.com

http://www.jeasyui.com/demo/main /index.php?plugin=TreeGrid

Answer 4

jstree плагин для jQuery, связанный с его плагином jstree-grid может обрабатывать сортировку (сортировка является для основного jstree ), который достаточно гибок (и повторно использует тему пользовательского интерфейса jQuery, которую вы применяете).

Это та сетка, которую вы ищете? В итоге вы получите вид, очень похожий на:

Сортировку по столбцу необходимо добавить вручную, а затем вызвать повторную сортировку .

Answer 5

Вот "официальный" также пример (верхняя сетка на странице), используя RowExpander UX.

http://extjs.com/deploy/dev/examples/grid /grid3.html

Answer 6

DHTMLX также имеет компонент TreeGrid JavaScript (поддерживает сортировку и другие функции, связанные с сеткой): http://dhtmlx.com/docs/products/dhtmlxTreeGrid/

(отказ от ответственности: я работаю на DHTMLX)

Answer 7

Еще одна сетка с поддержкой начальной загрузки. http://maxazan.github.io/jquery-treegrid/examples /example-bootstrap-3.html