1.是必须的。
2.ztree 的容器 classname 别忘了设置为 "ztree"。
使用ztree创建树,首先要引用ztree相关css和js文件,因为ztree是基于jquery的,所以juqery的js文件必须引入。
使用ztree必须建立一个容器,如第2关注点一样。
js中配置如下:
1.定义一个变量:var ztreeobj; (ztreeobj是树的一个对象,便于对树进行操作)。
2.定义json数据 ztree的节点数据 :var znodes = [{id:1, pid:0, name: "父节点1"},{id:11, pid:1, name: "子节点1"},{id:12, pid:1, name: "子节点2"}];
默认展开的节点,可以设置treenode.open属性;无子节点的父节点,设置treenode.isparent属性。
3.使用简单的json数据必须设置setting.data.simpledata相关属性(两个key值的value可自由定义对应json即可)
var setting = { data : { simpledata : {enable:true,idkey:"id",pidkey:"pid",rootpid:null } } };
4.最后进行树的初始化,即可展现树并对树进行操作:ztreeobj = $.fn.ztree.init($("#demotree"), setting, znodes);
当与后台进行交互时,就可以用ajax获取返回的json数据并进行树的初始化。
$.ajax({
url : " ",
data : {
pid : pid,
},
success : function(res) {
ztreeobj = $.fn.ztree.init($("#demotree"), setting, res);
var nodes = ztreeobj.getnodes()
if (nodes.length > 0) {
// 默认选中第一个节点
ztreeobj.selectnode(nodes[0]);
showtable(nodes[0].id);
selectnode = nodes[0].id;
}
}
});