7. zTree的配置和使用流程

zTree的配置和使用流程

学习网址

1. 导包，设置div格式，其中class必须为ztree

<ul id="treeDemo1" class="ztree" style="width:300px;height:280px;overflow-y: auto;"></ul>

2. 定义规则

var setting = {
	check: {
		enable: true							//设置 zTree 的节点上是否显示 checkbox 
	} ,callback: {
		/* onClick: myOnClick, */				//添加点击事件回调
  		/*beforeCheck: myBeforeCheckCallBack*/  // 添加选中checkbox前事件回调
		onCheck: myBeforeCheckCallBack			// 添加选中checkbox事件回调
	}
};

博主遇到的坑

1. onclick是指点击节点之后响应
2. beforeCheck是指在获取到节点数据之前的操作，即为点击了但是没有拿到该节点数据
3. onCheck是指点击之后可以拿到几点数据，触发方法

3. 初始化ztree

参数1.选择器 2.自定义的规则 3.数据，一般为json数组
 $.fn.zTree.init($("#treeDemo"), setting1, Nodes);

4. 获取节点数据

    //获取选中的节点对象
    var treeObj = $.fn.zTree.getZTreeObj("treeDemo");
    //操作获得的对象，即为Nodes串封装的对象
    var name = treeObj.name;