Ztree树形展示

本文介绍了Ztree,一种独立的树形展示组件,适用于多种场景如树状菜单、数据展示等。Ztree具备高性能、灵活性和丰富的功能,支持JSON数据、多浏览器兼容及编辑功能。文章详细讲解了Ztree的官方网站、学习资源、关键代码示例以及在实际使用中可能遇到的问题和解决方法。
摘要由CSDN通过智能技术生成

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

二、关键性代码

  1. 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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值