JQuery が動的ツリーを作成するサンプル code_jquery

コードをコピー コードは次のとおりです:

// ビジネス タイプ ツリー
var settingsOther = {
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
}
};
//マウスイベント
関数 beforeClick(treeId,treeNode, clickFlag) {
//通常の選択
if(clickFlag==1){
parent.document.getElementById("coagencyId").value=treeNode.id;
parent.document.getElementById("parentId").value=treeNode.pId(" name") .value=treeNode.name;
$("#coagencyId").attr("value",treeNode.id);
$("#parentId").attr("value",treeNode .pId) ;
}else{
// チェックを外して値を空白のままにします
$("#coagencyId").attr("value",null); ).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) {
returntreeNode ?treeNode.level <
}
//ツリーを初期化します
$(document).ready() {
$.fn.zTree.init( $("#coagencyTree"),settingOther);
</SCRIPT>-- ツリー ノード ID -- >
<s:hidden name= "coagencyForm.coagencyId" id="coagencyId"/>
<!-- ツリーノードの親 ID --> ="coagencyForm.parentId" id="parentId"/ >
<div class="zTreeDemoBackground left">
<ul id="coagencyTree" class="ztree" style="height: 640px ">