一、使用方法
首先，引入相关的js文件；
其次，编写相关js代码，如下；
var setting = {
在这个里面定义回调函数
callback: {
beforeClick: beforeClick,
onClick: onClick
}
};
//点击事件发生时，在调用onclick方法之前调用次方法，如果此方法返回false，则节点不会选中，后面的onclick方法也不会调用1.树的id，2，选中的节点数据，3表示是普通选中，还是追加选中，还是没选中，可以参考相关API
function beforeClick(treeId, treeNode, clickFlag) {
click:alert(treeNode.name)
return true;
}
function onClick(event, treeId, treeNode, clickFlag) {
//click:alert("haha5")
}
var zNodes =[
{ name:"父节点1 - 展开",
children: [
{ name:"父节点11 - 折叠",
children: [
{ name:"叶子节点111"},
{ name:"叶子节点112"},
{ name:"叶子节点113"},
{ name:"叶子节点114"}
]},
{ name:"父节点12 - 折叠",
children: [
{ name:"叶子节点121"},
{ name:"叶子节点122"},
{ name:"叶子节点123"},
{ name:"叶子节点124"}
]},
{ name:"父节点13 - 没有子节点"}
]},
{ name:"父节点2 - 折叠",
children: [
{ name:"父节点21 - 展开",
children: [
{ name:"叶子节点211"},
{ name:"叶子节点212"},
{ name:"叶子节点213"},
{ name:"叶子节点214"}
]},
{ name:"父节点22 - 折叠",
children: [
{ name:"叶子节点221"},
{ name:"叶子节点222"},
{ name:"叶子节点223"},
{ name:"叶子节点224"}
]},
{ name:"父节点23 - 折叠",
children: [
{ name:"叶子节点231"},
{ name:"叶子节点232"},
{ name:"叶子节点233"},
{ name:"叶子节点234"}
]}
]},
{ name:"父节点3 - 没有子节点", isParent:true}
];
$(document).ready(function(){
//这个方法是创建树的最主要方法
//第一个参数告诉，在哪个容器里面创建树
//第二个参数，该树的配置数据
//第三个参数，该树的节点数据
$.fn.zTree.init($("#treeDemo"), setting, zNodes);
});
注意：树节点在收缩时，会出现跳动现象。解决办法，在html文档最前面添加<!DOCTYPE html>这行内容即可解决
884
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
