Contoh yang menerangkan cara menggunakan atribut keadaan dalam pepohon EasyUI jQuery dengan caution_jquery

Dalam kawalan pokok EasyUI 1.4.4, jika ia adalah nod daun, jangan tetapkan keadaan kepada tertutup, jika tidak, nod akan memuatkan keseluruhan pokok, membentuk gelung tak terhingga

Contohnya:

json ke dalam yang berikut:

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

Status ditukar kepada terbuka atau kosong, dan paparan adalah normal

Berikut akan memperkenalkan kepada anda penggunaan atribut tersuai pokok easyui

Sesiapa sahaja yang mengetahui komponen pepohon easyui mungkin tahu bahawa nod pepohon mempunyai atribut tersendiri (id, teks, iconCls, diperiksa, keadaan, atribut, sasaran). Walau bagaimanapun, jika anda ingin menetapkan atribut ini kepada contoh melalui HTML, ia tidak boleh dilakukan sepenuhnya. Atribut atribut mesti diberikan dalam format json. Ini juga membawa sedikit kesulitan kepada pembangunan kami. Tetapi kini dengan pilihan data atribut, semua masalah diselesaikan.

Mentakrifkan nod nide dengan atribut khas boleh dicapai dengan cara berikut

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

Kemudian apabila kita mendapat objek nod pokok melalui kaedah js, kita boleh mendapatkan nilai yang sepadan terus daripada node.attributes.url.