关于Jquery和Ztree的应用和总结

赵安安

于 2020-09-03 14:53:52 发布

阅读量233

点赞数

分类专栏： web 文章标签： javascript

本文链接：https://blog.csdn.net/zhao_anan/article/details/108382881

版权

本文主要探讨了Jquery和Ztree在树形结构展示中的应用，对比了不同树插件如dtree、xtree、EXTtree和E3tree，强调Ztree因其强大功能成为首选。Ztree支持多选、动态图标修改和丰富的事件回调，且具备强大的异步数据处理能力。

摘要由CSDN通过智能技术生成

关于Jquery和Ztree的应用和总结

树状结构目录显示比较流行的有dtree、xtree、EXTtree、E3tree、ztree。

Ztree是所有中功能最强大的树。Dtree和Xtree已经逐步淘汰，EXTtree、E3tree功能不全。

ZTree是一个依靠 jQuery 实现的多功能 “树插件”，支持选择框等显示，动态更改图标，提供多种事件响应回调，而且异步数据功能强大。

示例如下：

添加相关CSS和js库

<head>
	<meta charset="utf-8" />
     //添加相关的ztree的css
	<link rel="stylesheet" href="../plugins/jQueryZtree/demo.css" />
	<link rel="stylesheet" href="../plugins/jQueryZtree/zTreeStyle.css" />
	//添加相关的jquery和ztree的js库
	<script src="../plugins/jQueryZtree/jquery-1.4.4.min.js"></script>
	<script src="../plugins/jQueryZtree/jquery.ztree.core-3.5.js"></script>
	<script src="../plugins/jQueryZtree/jquery.ztree.excheck-3.5.min.js"></script>
	<SCRIPT type="text/javascript">
		<!--
		var setting = {
     
				check: {
     
					enable: true
				},
				data: {
     
					simpleData: {
     
						enable: true
					}
				},
				callback: {
     
					onCheck: onCheck
				}
			}