Examples explaining how to use the state attribute in jQuery EasyUI tree with caution

EasyUI 1.4.4 In the tree control, if it is a leaf node, do not set the state to closed, otherwise the node will load the entire tree, forming an infinite loop

For example:

json enter the following:

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

The status is changed to open or empty, and the display is normal

Below Let me introduce to you the use of easyui tree custom attributes

Children who know the easyui tree component probably know that the node of the tree has its own separate attributes (id, text, iconCls, checked, state, attribute, target). However, if you want to assign these attributes to instances through HTML, it cannot be completely done. The attribute attribute must be assigned in json format. This also brought some inconvenience to our development. But now with the attribute data-options, all problems are solved.

Defining a nide node with special attributes can be implemented in the following way

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

Then when we obtain the node object of the tree through the js method, we can directly node .attributes.url has obtained the corresponding value.

For more examples to explain the careful use of the state attribute in jQuery EasyUI tree, please pay attention to the PHP Chinese website for related articles!