Создание сортируемого дерева / сетки в Javascript
Я хотел бы создать древовидную структуру из JSON, но с несколькими столбцами, которые можно сортировать. Я видел множество реализаций деревьев и сеток, но ни разу не смешал.
Кто-нибудь знает плагин или функцию для любого набора инструментов Javascript, которые могут сделать это, чтобы мне не пришлось заново изобретать колесо здесь?
Возможно, у вас есть массив аналогичных объектов JSON, и вы хотите отсортировать этот массив объектов по одному или нескольким ключам? Если да, то я получил то, что вам нужно: P
Взгляните на htmltreegrid.com
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 7
Это кажется довольно приятным: http://www.max-bazhenov.com/dev/ux.maximgb.treegrid/index.html
Использует ExtJS, который имеет некоторые лицензионные ограничения, которые необходимо учитывать.
Именно то, что мне нужно. Фактически, мы уже используем Ext-JS. Спасибо!!
На будущее, если вы ищете виджет и можете его описать, вероятно, это уже сделано в ExtJS. ;)
Вот и «официальный» пример (верхняя сетка на странице) с использованием RowExpander UX.
http://extjs.com/deploy/dev/examples/grid/grid3.html
@Chau @Jason Я думаю, это новая ссылка: dev.sencha.com/playpen/ext-2.0/examples/grid/grid3.html
Я нашел все эти компоненты:
- Coqsoft Treegrid, коммерческий, вроде не плюс ультра!
- Внешний JS, коммерческий:
- Компонент Столбец Дерево *
- Вложенная сетка, то есть Плагин Grid с расширителем строк, модифицированный Михаилом
- Ext.ux.maximgb.treegrid, еще один мод, от Макса (тот, который предложен без век)
- JQTreeTable, минимальный, требует jQuery *
- Treetable, плагин для jQuery *
- додзё-деревья, на основе Dojo *
- Maxdesign, это просто хороший css *
* кажется не сортируемым
Лично я пробую Treetable и после некоторых настроек (рыться в примерах в источнике страницы документации ...) мне нравится его простота и ясность.
DHTMLX также имеет компонент JavaScript TreeGrid (поддерживает сортировку и другие функции, связанные с сеткой): http://dhtmlx.com/docs/products/dhtmlxTreeGrid/
(отказ от ответственности: я работаю на DHTMLX)
Плагин jstree для jQuery, связанный с его плагином jstree-grid, может обрабатывать сортировку (сортировка - это плагин к основному jstree), которая является довольно гибкой (и повторно использует тему пользовательского интерфейса jQuery, которую вы применяете).
Это та сетка, которую вы ищете? В итоге вы получите представление, очень похожее на: 
Сортировку по столбцу вам придется добавить вручную, а затем вызвать повторную сортировку.
Привет, не могли бы вы поделиться некоторыми кодами по поводу приведенного выше примера? Спасибо
После долгих поисков сетки для деревьев, лучшее, что я нашел, - это jeasyui.com.
http://www.jeasyui.com/demo/main/index.php?plugin=TreeGrid
Похоже, у этого нет возможностей сортировки
Еще одна древовидная сетка с поддержкой бутстрапа. http://maxazan.github.io/jquery-treegrid/examples/example-bootstrap-3.html
Привет, Эрик, не могли бы вы объяснить это немного подробнее? Похоже, вы описываете новое, но затем вы спрашиваете о чем-то существующем ... Я не уверен, что понимаю, что именно вы пытаетесь построить.