Dynatree - Où puis-je stocker des informations supplémentaires dans chaque noeud?

Question

Je suis actuellement en train de tester Dynatree et je veux juste demander s'il existe une propriété/paramètre disponible dans lequel je peux stocker des informations supplémentaires (comme la propriété 'valeur' ​​dans ASP.NET TreeView) pour chaque nœud? Merci d'avance.

Answer 1

Vous pouvez ajouter des propriétés personnalisées à l'aide HTML avec les données attribut

Par exemple ajouter une nouvelle url propriété (travaux, bien qu'un validateur pourrait se plaindre.):

<ul> 
    <li data="url: 'http://jquery.com'">jQuery home 
    <li data="url: 'http://docs.jquery.com'">jQuery docs 

Ou quand chargement à partir d'objets JSON ou JS:

children: [ 
    { title: "jQuery home", url: "http://jquery.com" }, 
    { title: "jQuery docs", url: "http://docs.jquery.com" }, 

Ensuite, vous pouvez accéder comme ceci:

onActivate: function(node) { 
    if(node.data.url) 
     window.open(node.data.url); 
    $("#echoActive").text(node.data.title); 
}, 

EDIT: partir de la version 1.2 <a> balises sont nativement pris en charge (How to make hyperlinks in dynaTree jQuery plugin clickable?).

Answer 2

Si vous ajoutez des données à lire par dynatree, alors mar10 est correct. Par exemple, si vous voulez avoir dynatree pas afficher les icônes que vous pouvez utiliser les éléments suivants:

<li data="icon: 'null'"> 

Malheureusement, ce n'est pas vraiment valide HTML et mon HTML5 validateur (Visual Studio 2010 SP1) aime à se plaindre à ce sujet.

Si vous voulez simplement intégrer votre propre HTML5 de données vous permet d'ajouter Data- * attributs à vos éléments li:

<li data-myprop="myvalue"> 

Voici quelques informations supplémentaires de HTML5Doctor.