La grille d'arborescence jqgrid peut-elle afficher l'icône définie par l'utilisateur?

Question

Cette première image est le résultat de l'utilisation de la grille d'arborescence jqGrid. L'icône est définie par défaut, l'élément non Feuille commence par "Triangle inversé", l'élément Feuille commence par "o".

Comment puis-je mis à faire le résultat d'affichage comme la deuxième image, je peux définir une icône différente pour chaque ligne?

Answer 1

Les données d'entrée du TreeGrid peuvent contenir icon propriété avec le nom de classe, qui spécifient l'icône de la feuille d'arbre. La valeur des propriétés de noeud doit contenir deux classes: une pour le noeud étendu et une de plus pour le noeud réduit. Par exemple

[ 
    { ... 
     level: "0", parent: "null", isLeaf: false, expanded: true, loaded: true, 
     icon: "ui-icon-folder-open,ui-icon-folder-collapsed" }, 
    { ... 
     level: "1", parent: "1", isLeaf: true, expanded: false, loaded: true, 
     icon: "ui-icon-flag" }, 
    { ... 
     level: "2", parent: "2", isLeaf: true, expanded: false, loaded: true, 
     icon: "ui-icon-star" }, 
    ... 
] 

La démo https://jsfiddle.net/OlegKi/4svafpub/3/ démontre la TreeGrid, qui affiche

Vous ne posté aucun détail ce que vous faites. Aucune version de jqGrid, que vous utilisez, aucune information sur la fourche de jqGrid (free jqGrid, commercial Guriddo jqGrid JS ou un ancien jqGrid dans la version < = 4.7). On ne sait pas quel framework CSS vous utilisez: jQuery UI ou Bootstrap et quel jeu d'icônes (icônes jQuery UI, Font Awesome 4.x, icônes glyphes de Bootstrap ...). La mise en œuvre exacte de vos exigences dépendra de l'information. De toute façon, vous devrez choisir les classes d'icônes à partir de l'ensemble d'icônes que vous utilisez ou vous aurez besoin de définir des classes CSS personnalisées, que vous utiliserez pour les nœuds TreeGrid et leafs, et pour définir des règles CSS qui spécifient toutes les Propriétés CSS: background-image, background-position et ainsi de suite. Comme résultat, vous pourrez afficher n'importe quelle icône dont vous avez besoin.

MIS À JOUR: Il me semble que icon sera utilisé uniquement pour leafs, pas pour les nœuds comme il est décrit ci-dessus.

MISE À JOUR 2: J'ai fait quelques changements dans le code de jqGrid libre et maintenant on peut spécifier les icônes pour les nœuds de TreeGrid. Le même code avec la version mise à jour gratuite jqGrid affiche

Voir la démo https://jsfiddle.net/OlegKi/4svafpub/4/