Exemples expliquant comment utiliser l'attribut state dans l'arborescence jQuery EasyUI avec Caution_jquery

Dans le contrôle d'arborescence EasyUI 1.4.4, s'il s'agit d'un nœud feuille, ne définissez pas l'état sur fermé, sinon le nœud chargera l'intégralité de l'arborescence, formant une boucle infinie

Par exemple :

json dans ce qui suit :

[
{
"checked": false,
"iconCls": "",
"id": "dec",
"pid": "",
"state": "closed",
"text": "test",
"type": "ORG"
}
]

L'état passe à ouvert ou vide, et l'affichage est normal

Ce qui suit vous présentera l'utilisation des attributs personnalisés de l'arbre easyui

Quiconque connaît le composant d'arborescence easyui sait probablement que le nœud d'arborescence a ses propres attributs distincts (id, text, iconCls, vérifié, état, attribut, cible). Cependant, si vous souhaitez attribuer ces attributs à des instances via HTML, cela ne peut pas être fait complètement. L'attribut attribut doit être attribué au format json. Cela a également apporté quelques inconvénients à notre développement. Mais maintenant, avec les options de données d'attribut, tous les problèmes sont résolus.

La définition d'un nœud nide avec des attributs spéciaux peut être réalisée des manières suivantes

<ul id="tt" class="easyui-tree" data-options="animate:true,dnd:true">
<li>
<span>Folder</span>
<ul>
<li data-options="state:'closed'">
<span>Sub Folder </span>
<ul>
<li data-options="attributes:{'url':'xxxxx'}">
<span><a href="#">File </a></span>
</li>
<li data-options="attributes:{'url':'xxxxx'}">
<span>File </span>
</li>
<li>
<span>File </span>
</li>
</ul>
</li>
<li data-options="attributes:{'url':'xxxxx'}">
<span>File </span>
</li>
<li data-options="attributes:{'url':'xxxxx'}">
<span>File </span>
</li>
<li id="" data-options="attributes:{'url':'xxxxx'}">File </li>
<li>File </li>
</ul>
</li>
<li>
<span>File</span>
</li>
</ul>

Ensuite, lorsque nous obtenons l'objet nœud de l'arbre via la méthode js, nous pouvons obtenir la valeur correspondante directement à partir de node.attributes.url.