attention_jquery를 사용하여 jQuery EasyUI 트리에서 상태 속성을 사용하는 방법을 설명하는 예

EasyUI 1.4.4 트리 제어에서 리프 노드인 경우 상태를 닫힘으로 설정하지 마십시오. 그렇지 않으면 노드가 전체 트리를 로드하여 무한 루프를 형성합니다

예:

json을 다음과 같이 변환합니다.

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

상태가 열림 또는 비어 있음으로 변경되며 표시는 정상입니다

다음은 easyui 트리 사용자 정의 속성의 사용을 소개합니다

easyui 트리 구성 요소를 아는 사람이라면 트리 노드에 고유한 별도 속성(id, text, iconCls, selected, state, attribute, target)이 있다는 것을 알고 있을 것입니다. 그러나 HTML을 통해 이러한 속성을 인스턴스에 할당하려는 경우 완전히 완료할 수는 없습니다. attribute 속성은 json 형식으로 할당되어야 합니다. 이는 또한 우리의 개발에 약간의 불편을 가져왔습니다. 그러나 이제 데이터 옵션 속성을 사용하면 모든 문제가 해결됩니다.

특수 속성을 가진 nide 노드를 정의하는 방법은 다음과 같습니다.

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

그러면 js 메소드를 통해 트리의 노드 객체를 얻을 때 node.attributes.url에서 해당 값을 직접 얻을 수 있습니다.