Ztree 是一种树形展示,当你用新型前端框架的时候,你就意味着要学习他的树形展示,但是Ztree它单独自成一体,这样就不用总是学习别的树形展示了,学会Ztree,可以通用;
优点:
1.优异的性能
2.灵活的配置
3.多种功能的组合
适合项目开发
1.树状菜单
2.树状数据的Web显示
3.权限管理等等。
特点:
● zTree v3.0 将核心代码按照功能进行了分割,不需要的代码可以不用加载
● 采用了延迟加载技术,上万节点轻松加载,即使在 IE6 下也能基本做到秒杀
● 兼容 IE、FireFox、Chrome、Opera、Safari 等浏览器
● 支持 JSON 数据
● 支持静态和 Ajax 异步加载节点数据
● 支持任意更换皮肤 / 自定义图标(依靠css)
● 支持极其灵活的 checkbox 或 radio 选择功能
● 提供多种事件响应回调
● 灵活的编辑(增/删/改/查)功能,可随意拖拽节点,还可以多节点拖拽哟
● 在一个页面内可同时生成多个 Tree 实例
● 简单的参数配置实现 灵活多变的功能
一、网站地址
1.Ztree官网:(官网API文档以及Demo演示项方法介绍比较详细)(重点)
http://www.treejs.cn/v3/main.php#_zTreeInfo
2.进阶学习网页原地址:(学习博客)
http://www.cnblogs.com/sylvandu/p/5805592.html
3.入门学习网页原地址:(学习博客)
https://www.toutiao.com/a6519719172337828365/
4. 资源下载地址:(文件夹已有名称为:zTree资料包)(重点)
https://gitee.com/zTree/zTree_v3
5.JQUery下载官网:
https://code.jquery.com/jquery/
6.为知个人笔记(可以把需要记录的笔记写在里面)
https://note.wiz.cn/
7.zTree贴吧 (百度贴吧)
https://tieba.baidu.com/f?kw=ztree
二、关键性代码
- zTree加载需要注意的地方
简单格式:
必须项 :
是否为父节点Isparent、节点id、 节点Pid、节点名name
次需 :
是否打开(针对于父节点) open、参数 attribute
扩展项:
icon 图片等等
基本格式:
必须项 :
是否为父节点Isparent、节点id、 节点Pid、节点名name
Children 子级节点集合。
次需:
是否打开(针对于父节点) open、参数 attribute
扩展项目:……
2.初始化zTree方法
介绍 :万物(恶)之源
简介:这个方法是用来加载指定JSON数据的,nodes则是数据名
. f n . z T r e e