本文适合初次接触者
在第一在使用ztree时被深深的头痛到,当整明白时一看这么简单
var zTreeObj;
// zTree 的参数配置,深入使用请参考 API 文档(setting 配置详解)
var setting = {
view:{
dblClickExpand: true, //双节点时是否自动展开父节点
showLine: true, //是否显示节点间的连线
selectedMulti: false, //是否允许选中多个节点
expandSpeed: "fast" //展开动画
},
data:
{
key:
{
name: "spyName" //界面显示的名称参数
},
simpleData:
{
enable: true, //是否采用简单模式
idKey: "spyId", //节点数据中保存唯一标识的属性名称。
pIdKey: "spyParentId", //节点数据中保存其父节点唯一标识的属性名称。
rootPId: "-1" //用于修正根节点父节点数据,即 pIdKey 指定的属性值。
},
async: {
enable: true,//开启异步加载
//如果设置为 true,请务必设置 setting.async 内的其它参数。
//如果需要根节点也异步加载,初始化时 treeNodes 参数设置为 null 即可
url:"getTabs",//设置异步获取节点的 URL 地址
autoParam:["spyId"]//设置父节点数据需要自动提交的参数
}
}
};
var settingPor = setting;
settingPor.callback = {
onClick:zTreeOnClick
}
function ajaxZtreePor(){
var treeNodes;
$.ajax({
url:"getTabs",
dataType : "json",
type:"GET",
success:function(even){
treeNodes = even;
zTreeObj = $.fn.zTree.init($("#treeDemo"), settingPor, treeNodes);
}
})
}