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);
-- ツリー ノード ID -- >

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

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。