从零认识ztree树插件

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了从零认识ztree树插件，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含567字，纯文字阅读大概需要1分钟。

内容图文

 

首先说绑定数据，怎么样绑定到树状菜单下。先贴代码：

 

1、第一步，先引入js脚本文件，还有一个css文件，还要引用一个jQuery的脚本文件

2、第二步，创建一个ul的标签，给它设置一个Id,并且给它一个class="ztree"，这是必须的，与样式保持一致

3、第三步，$.fn.zTree.init($("#treeDemo"), setting, eval("(" + data + ")"));，这是一段初始化必须加载的。eval("(" + data + ")")：这是一段数据的集合，转成json对象的。集合的数据如下图：

4、最最重要的一点是setting设置。

beforeRemove: 这是删除节点
beforeRename:这是修改和添加节点

onClick：这是点击事件

simpleData: {
                    enable: true,
                    idKey: "id",//绑定返回ID的对应的字段
                    pIdKey: "pId",//绑定返回父ID的对应的字段
                    rootPId: 1
                }

这就形成了一个简单的ztree树形状菜单

如果要开启编辑的话， enable: true,这是必须的要写的。

 

原文：http://www.cnblogs.com/studyProgramme/p/7565111.html

内容总结

以上是互联网集市为您收集整理的从零认识ztree树插件全部内容，希望文章能够帮你解决从零认识ztree树插件所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---