Création d'un arbre / grille triable en Javascript [fermé]
-
10-07-2019 - |
Question
J'aimerais créer une arborescence à partir de JSON, mais avec plusieurs colonnes pouvant être triées. J'ai vu de nombreuses implémentations d'arbres et de grilles, mais jamais une mixte.
Est-ce que quelqu'un connaît un plugin ou une fonctionnalité pour un toolkit Javascript capable de rendre cela possible, je n'ai donc pas à réinventer la roue ici?
La solution
Cela semble plutôt sympa: http: //www.max -bazhenov.com/dev/ux.maximgb.treegrid/index.html
Utilise ExtJS, qui présente certaines limitations de licence.
Autres conseils
J'ai trouvé tous ces composants:
- Coqsoft Treegrid , commercial, semble être le non plus ultra!
- Ext JS , commercial:
- Composant Arborescence des colonnes *
- Grille imbriquée , c'est-à-dire Module d'extension de grille avec extension de ligne modifié par Mikhail
- Ext.ux.maximgb.treegrid , un autre mod, de Max (celui proposé par eyelidless)
- JQTreeTable , minimale, requiert jQuery *
- Treetable , plug-in pour jQuery *
- dojo-treetable , basé sur Dojo *
- Maxdesign , c'est tout simplement un bon css *
* ne semble pas pouvoir être trié
Personnellement, j'essaie Treetable et, après quelques configurations (en fouillant dans les exemples de la source de la page de documentation ...), je profite de sa simplicité et de sa clarté.
Après une longue recherche d’une grille d’arbre, le meilleur que j’ai découvert est celui de jeasyui.com
http://www.jeasyui.com/demo/main /index.php?plugin=TreeGrid
Le plug-in jstree pour jQuery est lié au plug-in jstree-grid peut gérer le tri (le tri est une plug-in pour le répertoire principal jstree ) qui est assez flexible (et réutilise le thème de l'interface utilisateur jQuery que vous appliquez).
Est-ce le type de grille que vous recherchez? Vous vous retrouvez avec une vue ressemblant beaucoup à:
Le tri par colonne que vous devez ajouter manuellement, puis déclencher un nouveau tri .
Voici un "officiel" exemple aussi (grille du haut sur la page), en utilisant le RowExpander UX.
DHTMLX comprend également le composant JavaScript TreeGrid (prend en charge le tri et d'autres fonctionnalités liées à la grille): http://dhtmlx.com/docs/products/dhtmlxTreeGrid/
(disclaimer: je travaille pour DHTMLX)
Encore une autre arborescence avec prise en charge de bootstrap. http://maxazan.github.io/jquery-treegrid/examples /example-bootstrap-3.html