JQuery는 동적 트리 샘플 code_jquery를 작성합니다.

코드 복사 코드는 다음과 같습니다.

// 비즈니스 유형 트리
var settingsOther = {
편집: {
enable: false
},
// 비동기 로딩 트리
async: {
enable: true,
url:"initCoagencyTree.action",
autoParam :["id", "name=n"],
otherParam:{"otherParam":"zTreeAsyncTest"},
dataFilter: 필터
},
// 단순 데이터 형식
데이터: {
simpleData: {
활성화: true
}
},
// 콜백 함수
콜백: {
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)
}
// onClick 마우스 기능을 사용하여 노드를 제거하는 방법 (event, treeId, treeNode , clickFlag) {
// 기본 실행 방법은 노드의 세부 정보를 표시합니다.
parent.showCoagencyDetail();
}
// 비동기 로딩이 필요합니다. function
function filter(treeId, parentNode , childNodes) {
if (!childNodes) return null
for (var i=0; ichildNodes[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)
})

="coagencyForm.parentId" id="parentId"/ >

< ;/div>

성명：

본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.