Crear un árbol / cuadrícula ordenable en Javascript [cerrado]
-
10-07-2019 - |
Pregunta
Me gustaría crear una estructura de árbol a partir de JSON, pero con varias columnas que se pueden ordenar. He visto muchas implementaciones de árboles y cuadrículas, pero nunca una mezclada.
¿Alguien sabe de un complemento o función para cualquier kit de herramientas de Javascript que pueda hacer que esto suceda, así que no tengo que reinventar la rueda aquí?
Solución
Esto parece bastante agradable: http: //www.max -bazhenov.com/dev/ux.maximgb.treegrid/index.html
Utiliza ExtJS, que tiene algunas limitaciones de licencia que debe tener en cuenta.
Otros consejos
Encontré todos estos componentes:
- Coqsoft Treegrid , comercial, ¡parece el non plus ultra!
- Ext JS , comercial:
- Column Tree componente *
- Cuadrícula anidada , es decir Complemento de cuadrícula con expansor de filas modificado por Mikhail
- Ext.ux.maximgb.treegrid , otro mod, por Max (el propuesto por la falta de párpados)
- JQTreeTable , mínimo, requiere jQuery *
- Treetable , complemento para jQuery *
- dojo-treetable , basado en Dojo *
- Maxdesign , es simplemente un buen CSS *
* parece no clasificable
Personalmente estoy probando Treetable y, después de algunas configuraciones (hurgando en los ejemplos en la fuente de la página de documentación ...), estoy disfrutando de su simplicidad y claridad.
Después de una larga investigación para una rejilla de árbol, la mejor que encontré es de jeasyui.com
http://www.jeasyui.com/demo/main /index.php?plugin=TreeGrid
El complemento jstree para jQuery vinculado con su complemento de jstree-grid puede manejar la clasificación (la clasificación es un plugin para el jstree principal ) que es bastante flexible (y reutiliza el tema jQuery UI que aplica).
¿Es ese el tipo de cuadrícula que estás buscando? Termina con una vista muy parecida a:
La clasificación por columna deberá agregarla manualmente y luego desencadenar una reordenación .
Aquí hay un " oficial " ejemplo también (cuadrícula superior en la página), utilizando RowExpander UX.
DHTMLX también tiene el componente JavaScript TreeGrid (admite la clasificación y otras características relacionadas con la cuadrícula): http://dhtmlx.com/docs/products/dhtmlxTreeGrid/
(descargo de responsabilidad: trabajo para DHTMLX)
Otra red de árbol con soporte para bootstrap. http://maxazan.github.io/jquery-treegrid/examples /example-bootstrap-3.html