jQuery EasyUI ツリーで state 属性を注意して使用する方法を説明する例

EasyUI 1.4.4 ツリー コントロールでは、リーフ ノードの場合、状態をクローズに設定しないでください。そうしないと、ノードがツリー全体をロードして無限ループが形成されます

例:

json は次のように入力します:

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

ステータスがオープンまたは空に変更され、表示が正常になります

easyui ツリーのカスタム属性の使い方を紹介します

easyui ツリー コンポーネントを知っている子供たちはおそらくそれを知っているでしょうツリーのノードには、独自の個別の属性 (id、text、iconCls、checked、state、attribute、target) があります。ただし、これらの属性を HTML を通じてインスタンスに割り当てたい場合、それを完全に行うことはできません。属性属性はjson形式で割り当てる必要があります。これは私たちの開発にもいくつかの不都合をもたらしました。しかし、属性 data-options を使用することで、すべての問題が解決されました。

特別な属性を持つ nide ノードの定義は、次の方法で実現できます

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

その後、js メソッドを通じてツリーのノード オブジェクトを取得すると、対応する値を node.attributes.url から直接取得できます。

jQuery EasyUI ツリーでの state 属性の慎重な使用法を説明するその他の例については、PHP 中国語 Web サイトの関連記事に注目してください。