Ztree节点增加删除修改和Icheck的用法

- 日理万妓 2022-01-05 03:27 263阅读 0赞

简介

官方文档:[http://www.treejs.cn/v3/api.php][http_www.treejs.cn_v3_api.php][  
][http_www.treejs.cn_v3_api.php]

zTree 是一个依靠 jQuery 实现的多功能 “树插件”， 而且拥有较好的浏览器兼容性，有着丰富的功能以及可以自定义样式，足以满足大部分业务的开发。

第一步先导入css及js文件

第二步在html页面创建ztree Div

第三步初始化ztree

var setting = \{  
check: \{  
enable: true, //是否展示每个节点  
//chkboxType: \{ "Y": "ps", "N": "ps" \}  
\},

view: \{  
dblClickExpand: true, //是否展开所有  
\},  
edit: \{  
enable: true  
\},  
data: \{  
simpleData: \{ //数据类型  
enable: true,  
idKey: "id",  
pIdKey: "pid",  
//rootPId: 0,  
\},  
// key: \{ checked: 'checked' \}  
\},  
callback: \{  
// beforeExpand: zTreeBeforeExpand, // 用于捕获父节点展开之前的事件回调函数，并且根据返回值确定是否允许展开操作  
\}  
\};  
zTree = $.fn.zTree.init($("\#tree"), setting, r.value);  
zTree.expandAll(true); //展开所有

实现效果如下

![497758-20190429091709348-474907911.png][]

![497758-20190429091746620-140011703.png][]

源代码地址：

https://gitee.com/LIALL/ZtreeAndIcheck.git

转载于:https://www.cnblogs.com/dashanboke/p/10784776.html

[http_www.treejs.cn_v3_api.php]: http://www.treejs.cn/v3/api.php
[497758-20190429091709348-474907911.png]: /images/20211230/335f06ef672544cfabef4614963a79db.png
[497758-20190429091746620-140011703.png]: /images/20211230/8bd9177b20164385970b09d0ab541b04.png