Savez-vous planter des arbres à la mode de Javascript ?

Suite au précédent article sur jqGrid, je vais vous présenter le plugin jsTree.


Ce plugin vous permet d’injecter des arbres dynamiques dans votre page html de la même façon que jqGrid.
Pour cela, importez les scripts dans votre page, déclarez un élément html avec un attribut id défini (par exemple tree_id) puis appelez la fonction jsTree() pour le remplacer par votre arbre.

 $("#tree_id").jsTree(options);

Ce plugin vous permet de générer facilement des arborescences avec des facilités de manipulation telles que :

  • le déplacement de nœuds d’arbres par drag-&-drop
  • l’ajout/renommage/suppression/copie de nœuds par commandes externes (en cliquant sur un bouton à l’extérieur de l’arbre) ou par menu contextuel personnalisable
  • la recherche de nœud par nom
  • la définition de types de nœuds (par exemple, utilisateur/organisation) avec des règles et des apparences personnalisées

Je vous invite à jouer un peu avec la démo de jsTree pour mieux vous rendre compte des possibilités apportées par ce plugin.

VN:R_U [1.9.22_1171]
Rating: 0 (from 0 votes)
Share
Ce contenu a été publié dans Trucs & astuces, avec comme mot(s)-clef(s) , , , , . Vous pouvez le mettre en favoris avec ce permalien.

Laisser un commentaire