JQuery 동적 트 리 예제 코드 쓰기
//
var settingOther = {
edit: {
enable: false
},
//
async: {
enable: true,
url:"initCoagencyTree.action",
autoParam:["id", "name=n"],
otherParam:{"otherParam":"zTreeAsyncTest"},
dataFilter: filter
},
//
data: {
simpleData: {
enable: true
}
},
//
callback: {
beforeClick: beforeClick,
onClick: onClick
}
};
//
function beforeClick(treeId, treeNode, clickFlag) {
//
if(clickFlag==1){
parent.document.getElementById("coagencyId").value=treeNode.id;
parent.document.getElementById("parentId").value=treeNode.pId;
parent.document.getElementById("name").value=treeNode.name;
$("#coagencyId").attr("value",treeNode.id);
$("#parentId").attr("value",treeNode.pId);
}else{
//
$("#coagencyId").attr("value",null);
$("#parentId").attr("value",null);
}
return (treeNode.click != false);
}
//
function onClick(event, treeId, treeNode, clickFlag) {
//
parent.showCoagencyDetail();
}
//
function filter(treeId, parentNode, childNodes) {
if (!childNodes) return null;
for (var i=0; i<childNodes.length; i++) {
childNodes[i].name = childNodes[i].name.replace(/\.n/g, '.');
}
return childNodes;
}
//
function beforeAsync(treeId, treeNode) {
return treeNode ? treeNode.level < 5 : true;
}
//
$(document).ready(function(){
$.fn.zTree.init($("#coagencyTree"),settingOther);
});
</SCRIPT>
<!-- id -->
<s:hidden name="coagencyForm.coagencyId" id="coagencyId"/>
<!-- id -->
<s:hidden name="coagencyForm.parentId" id="parentId"/>
<div class="zTreeDemoBackground left">
<ul id="coagencyTree" class="ztree" style="height: 640px"></ul>
</div>
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
LCT (Link Cut Tree) 학습 후기엘 시 티 를 공부 하기 전에 먼저 트 리 체인 분할 을 배 워 야 한다.나무 사슬 의 분할 은 한 그루 의 나 무 를 여러 개의 체인 으로 나 누고 데이터 구조 로 모든 체인 을 유지 하 는 것 이다. 트 리 체인...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.