예에서는 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:&#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 트리에서 상태 속성을 주의 깊게 사용하는 방법을 설명하는 더 많은 예를 보려면 PHP 중국어 웹사이트에서 관련 기사를 참고하세요!