创意电子

标题: 前端开发：一个国内大神编写的开源jQuery树形选择插件（zTree） [打印本页]

作者: PF3686 时间: 2019-10-14 23:15
标题: 前端开发：一个国内大神编写的开源jQuery树形选择插件（zTree）

ztree是一个基于jQuery编写的树插件，就我目前使用来看，性能优异、功能强大（几乎能实现你想要的任何功能）、配置灵活、使用简单，需要的数据结构也很简单，上万节点也能轻松加载，响应事件丰富。

1、下载并初始化

https://gitee.com/zTree/zTree_v3
下载插件后，把下载的文件放到项目任意位置，在页面中分别引入ztreeCSS、jQuery、ztreeJs，然后在页面中写一个标签用于存放ztree，设置id和class="ztree"即可。

在该页面js文件中，初始化ztree，如下图所示，setting为配置参数，可以不填；zNodes为ztree数据，数据可以通过ajax异步获取，或者在页面写json数据，至此就初始化完成了。

2、一些Dome的截图展示

基础

不显示图标

复选框

单选框

查找节点

拖拽节点

多树之间数据交互

编辑、删除

官方网站：
http://www.treejs.cn/v3/main.php#_zTreeInfo
ztree功能很强大，在我第一次使用时就感受到了，通过不同功能的组合可以完成我们需要的需求，唯一差一点的就是外观，前端厉害的大神可以自己写一套样式，这样就完美了，他的功能还包括冻结节点、自定义节点图标、节点绑上超链接、分批异步加载数据、自定义控件、右键菜单、其他dom拖拽交互等，想要看更多dome或者学习的可以去ztree官网了解详情。

作者: 刘伟 时间: 2019-10-14 23:16
可惜jquery就快被淘汰了

作者: A随行付POS机_赵 时间: 2019-10-14 23:16
国内大神有没有写中文系统的，想用中文系统

作者: 经典 时间: 2019-10-14 23:16
最后授权那个图标怎么搞的，是主题吗？还有节点样式，感觉比较配bootstrop，分享一下吧

作者: 刘伟 时间: 2019-10-14 23:16
不错～支持一下。jstree做的吧

作者: A随行付POS机_赵 时间: 2019-10-14 23:16
项目中，一直在用

作者: vito 时间: 2019-10-14 23:16
项目中用了

作者: LH4206 时间: 2019-10-14 23:16
项目在用react，里面的树还是用的ztree

作者: PF3686 时间: 2019-10-14 23:16
用过，非常好用，就是对大数据渲染比较慢

作者: 立森影像LESU 时间: 2019-10-14 23:16
你在说胡话吗[捂脸]

作者: 刘伟 时间: 2019-10-14 23:16
最后demo写错了

作者: gyzgdq 时间: 2019-10-14 23:16
一直搞不懂怎么没看见react的控件

作者: LH4206 时间: 2019-10-14 23:16
好的

作者: LH4206 时间: 2019-10-14 23:16
现在前端的框架太多了，真快用不上jquery了，感觉目前就是jquery的插件太多了，需要用上就得用jquery

作者: PF3686 时间: 2019-10-14 23:16
你死了jQuery都不会死

作者: gyzgdq 时间: 2019-10-14 23:16
就是样式有点丑

欢迎光临创意电子 (https://wxcydz.cc/)