ztree ajaxでjsonを取得しcheckbookをチェック
2740 ワード
上司の要求に応じて、プロジェクトのツリーリストはztreeで、命令に従いましょう.
コンフィギュレーション
ajax
ps:
すべてのノードを展開、折りたたみ、チェック、キャンセルする方法を添付します.
コンフィギュレーション
var zTree;
var setting = {
view: {
dblClickExpand: false, // ,
showLine: true, // ztree
selectedMulti: false, //
},
check: {
enable: true // ztree checkbox/radio
},
data: {
simpleData: {
enable:true, //
idKey: "id", //
pIdKey: "p_id", //
rootPId: "" // , pIdKey
}
},
callback: {
onClick:function (e,treeId,treeNode,clickFlag) { //
zTree.checkNode(treeNode,!treeNode.checked,true);//
}
}
};
ajax
var zNodes ;
var select;
var selectarry=[]; // id
var allnodes;
var t = $("#tree");
$.ajax({
type: "POST",
url: "...",//
data: "name=John&location=Bpston",//
dataType:"json",
ansync:false,
ContentType: "application/json; charset=utf-8",
success: function(msg){ //msg:
// alert( msg.data );
zNodes=msg.data.list;
zNodes=eval(zNodes);
//zNodes=JSON.stringify(zNodes);
//console.log(zNodes);
//alert(zNodes)
t = $.fn.zTree.init(t, setting, zNodes);
var zTree2 = $.fn.zTree.getZTreeObj("tree");
selectarry=msg.data.nodes.split(",");
allnodes=zTree2.getNodes();
for(select=1;select
ps:
すべてのノードを展開、折りたたみ、チェック、キャンセルする方法を添付します.
//
$("#ztreeExpandAll").click(function () {
$.fn.zTree.getZTreeObj("tree").expandAll(true);
});
$("#ztreeUnExpandAll").click(function () {
$.fn.zTree.getZTreeObj("tree").expandAll(false);
});
//
var clicknumber=1;
$("#checkall_deafult").click(function () {
if(clicknumber%2>0) {
// var treeObj = $.fn.zTree.getZTreeObj("tree");
zTree.checkAllNodes(true);
}
else {
// var treeObj = $.fn.zTree.getZTreeObj("tree");
zTree.checkAllNodes(false);
}
clicknumber++;
});