que - Crear un árbol/cuadrícula ordenable en Javascript
javascript que es (7)
El plugin jstree para jQuery vinculado con su plugin de jstree-grid puede manejar ordenación (sorting 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? Terminas con una vista muy parecida a:
La clasificación por columna tendrá que agregar manualmente y luego activar una nueva clasificación .
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 mezcla.
¿Alguien sabe de un complemento o característica para cualquier kit de herramientas de Javascript que pueda hacer que esto suceda, así que no tengo que reinventar la rueda aquí?
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.
Aquí también hay un ejemplo "oficial" (cuadrícula superior en la página), usando RowExpander UX.
Encontré todos estos componentes:
- Coqsoft Treegrid , comercial, parece el non plus ultra!
- Ext JS , comercial:
- Componente Tree Column *
- Nested Grid , que es un complemento de cuadrícula con Row Expander modificado por Mikhail
- Ext.ux.maximgb.treegrid , otro mod, por Max (el propuesto por eyelidlessness)
- JQTreeTable , mínimo, requiere jQuery *
- Treetable , plugin para jQuery *
- dojo-treetable , basado en Dojo *
- Maxdesign , es simplemente un buen css *
* parece no ser ordenable
Personalmente estoy probando Treetable y, después de algunas configuraciones (hurgando en los ejemplos en el origen de la página de documentación ...), estoy disfrutando de su simplicidad y claridad.
DHTMLX también tiene el componente TreeGrid JavaScript (admite clasificación y otras características relacionadas con la red): http://dhtmlx.com/docs/products/dhtmlxTreeGrid/
(descargo de responsabilidad: yo trabajo para DHTMLX)
Después de una larga investigación para una red de árboles, la mejor que encontré es de jeasyui.com
Sin embargo, otra treegrid con soporte para bootstrap. http://maxazan.github.io/jquery-treegrid/examples/example-bootstrap-3.html