Creazione di un albero / griglia ordinabile in Javascript [chiuso]

Question

Vorrei creare una struttura ad albero da JSON, ma con più colonne che possono essere ordinate. Ho visto molte implementazioni di alberi e griglie ma mai una mescolata.

Qualcuno sa di un plug-in o di una funzionalità per qualsiasi toolkit Javascript che può farlo accadere, quindi non devo reinventare la ruota qui?

Answer 1

Sembra abbastanza carino: http: //www.max -bazhenov.com/dev/ux.maximgb.treegrid/index.html

Utilizza ExtJS, che presenta alcune limitazioni di licenza che devi considerare.

Answer 2

Ho trovato tutti questi componenti:

• Coqsoft Treegrid , commerciale, sembra il non plus ultra!
• Ext JS , commerciale:
  • Albero delle colonne componente *
  • Nested Grid , ovvero Plug-in griglia con espansione riga modificato da Mikhail
  • Ext.ux.maximgb.treegrid , un'altra mod, di Max (quella proposta da eyelidlessness)
• JQTreeTable , minimo, richiede jQuery *
• Treetable , plugin per jQuery *
• dojo-treetable , basato sul Dojo *
• Maxdesign , è semplicemente un buon css *

* non sembra ordinabile

Personalmente sto provando Treetable e, dopo alcune configurazioni (rovistando negli esempi nella fonte della pagina della documentazione ...), mi sto godendo la sua semplicità e chiarezza.

Answer 3

Dopo una lunga ricerca per un treegrid, il migliore che ho incontrato è di jeasyui.com

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

Answer 4

Il plug-in jstree per jQuery associato al suo plug-in di jstree-grid può gestire l'ordinamento (l'ordinamento è un plugin per il jstree principale ) che è abbastanza flessibile (e riutilizza il tema dell'interfaccia utente jQuery che applichi).

È quello il tipo di griglia che stai cercando? Si finisce con una vista molto simile a:

L'ordinamento per colonna dovrai aggiungere manualmente e quindi attiva un riordino .

Answer 5

Ecco un " ufficiale " anche esempio (griglia in alto nella pagina), usando RowExpander UX.

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

Answer 6

DHTMLX ha anche il componente JavaScript TreeGrid (supporta l'ordinamento e altre funzionalità relative alla griglia): http://dhtmlx.com/docs/products/dhtmlxTreeGrid/

(dichiarazione di non responsabilità: lavoro per DHTMLX)

Answer 7

Ancora un altro treegrid con supporto per bootstrap. http://maxazan.github.io/jquery-treegrid/examples /example-bootstrap-3.html