Beispiele zur Erläuterung der Verwendung des Statusattributs im jQuery EasyUI-Baum mit warning_jquery

Wenn es sich in der Baumsteuerung von EasyUI 1.4.4 um einen Blattknoten handelt, setzen Sie den Status nicht auf „Geschlossen“, da der Knoten sonst den gesamten Baum lädt und eine Endlosschleife bildet

Zum Beispiel:

json in Folgendes:

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

Der Status ändert sich in „Offen“ oder „Leer“ und die Anzeige ist normal

Im Folgenden wird Ihnen die Verwendung von benutzerdefinierten Easyui-Baumattributen vorgestellt

Jeder, der die easyui-Baumkomponente kennt, weiß wahrscheinlich, dass der Baumknoten seine eigenen separaten Attribute hat (ID, Text, IconCls, geprüft, Status, Attribut, Ziel). Wenn Sie diese Attribute jedoch Instanzen über HTML zuweisen möchten, ist dies nicht vollständig möglich. Das Attribut Attribut muss im JSON-Format zugewiesen werden. Dies brachte auch einige Unannehmlichkeiten für unsere Entwicklung mit sich. Aber jetzt sind mit den Attributdatenoptionen alle Probleme gelöst.

Das Definieren eines Nide-Knotens mit speziellen Attributen kann auf folgende Weise erreicht werden

<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>

Wenn wir dann das Knotenobjekt des Baums über die js-Methode abrufen, können wir den entsprechenden Wert direkt von node.attributes.url abrufen.