zTree v3.0 正式版发布，JQuery Tree插件

资讯频道 → Web前端

66顶
2踩

2012-01-10 09:55 by 正式记者 zTreeAPI 评论(77) 有21681人浏览

ztree jQuery tree js javascript

声明：ITeye资讯文章的版权属于ITeye网站所有，严禁任何网站转载本文，否则必将追究法律责任！

在大家的帮助和关注下，今天 zTree v3.0 正式版发布了。

zTree v3.0 正式版在功能、性能方便比 v2.x 版本都有了很多改善，尤其是性能方面。用过 v3.0 beta 版本的朋友应该已经体验到了。

但还要再提提醒大家，v3.0 在代码架构上的改动较大，所以升级 v2.x 版本的 zTree 必须要配合修改代码，不能仅仅升级 js 文件。对于没有使用过 v3.0 beta 的朋友，升级前请先浏览 v2.6 与 v3.0 的对照说明：http://www.baby666.cn/v3/faq.php#_101

另外，为了便于让 zTree 走出国门，这次还将网站、Demo、API文档等都做成了中文、英文两套。可惜本人英文水平有限，里面会有很多错误，希望大家多多包涵，同时也恳请英文好的朋友多帮我找找错误，并且通知我，谢谢！

由于时间关系，再加上我觉得目前 API文档还不够完善（尤其是英语方面），所以尚未制作离线版本，参考 API文档还请继续在线浏览吧：http://www.baby666.cn/v3/api.php

在线操作演示：http://www.baby666.cn/v3/demo.php#_101

快速下载地址：http://code.google.com/p/jquerytree/downloads/list

请特别注意，v2.x 中的 treeNode.nodes 和 v3.0 beta 中的 treeNode.childs 已经被修改为 treeNode.children

下面把 v3.0 beta 和正式版两次的修改记录都公布一下，便于大家了解：

v3.0 beta 修改内容：

【修改】zTree 的 js 代码架构全面修改，并且拆分
【修改】zTree 的 css 样式全面修改，对浏览器可以更好地兼容，同时解决了以前1个像素差的问题
【优化】采用延迟加载技术，一次性加载大数据量的节点性能飞速提升
【增加】支持多节点同时选中、拖拽
【增加】checkNode、checkAllNodes 等多种方法
【增加】IE6 自动取消动画展开、折叠的功能
【修正】异步加载 & 编辑模式能够更完美的共存
【修正】setting 配置更加合理，并且增加了若干项配置参数
【修正】treeNode 节点数据的属性更加合理，并且增加了一些方法
【修正】拖拽操作更加灵活方便，更容易制定自己的规则

v3.0 正式版修改内容：

【增加】setting.check.autoCheckTrigger 默认值 false，可以设置联动选中时是否触发事件回调函数
【增加】setting.callback.beforeEditName 回调函数，以保证用户可以捕获点击编辑按钮的事件
【增加】treeNode.chkDisabled 属性，显示 checkbox 但是用户无法修改 checkbox 状态，并且该 checkbox 会影响父节点的 checkbox 的半选状态
【增加】setting.check.nocheckInherit 属性，用户设置子节点继承 nocheck 属性，用于批量初始化节点，不适用于已经显示的节点
【增加】setting.edit.drag.autoExpandTrigger 默认值 false，可以设置自动展开、折叠操作时是否触发事件回调函数
【增加】setting.view.nameIsHTML 默认值 false，允许用户对 name 设置 DOM 对象
【增加】treeNode.click 属性的说明文档
【增加】treeObj.setChkDisabled 方法用于设置 checkbox / radio disabled 状态
【增加】treeNode.halfCheck 属性，用于强制设定节点的半选状态
【修改】异步加载 & 编辑功能共存时，拖拽节点或增加节点导致 ie 上报错的 bug （apply 方法引起）
【修改】zTreeStyle 样式冲突
【修改】setting.data.key.title 默认值设置为 ""，初始化时自动赋值为 setting.data.key.name 这样可避免希望 title 与 name 一致的用户反复设置参数
【修改】点击叶子节点的连接线会触发 expand 事件的 bug
【修改】IE 下点击叶子节点连线会出现虚线框的 bug
【修改】updateNode 导致 checkbox 半选状态错误的 bug
【修改】checkNode 方法实现 toggle 操作, 取消 expandAll 方法的 toggle 操作
【修改】zTree 内鼠标移动会抢页面上 input 内的焦点的 bug
【修改】beforeRename / onRename 的触发方式——即使名称内容未改变也会触发，便于用户配合 beforeEditName 捕获编辑状态的结束，赋予用户更多调整规则的权利
【修改】与 easyUI 共存时无法拖拽的bug
【修改】beforeRename 在 Firefox 下如果利用 alert，会触发两次的 bug
【修改】checkNode/expandNode/removeNode 方法，默认不触发回调函数，恢复 v2.6 的默认状态，同时增加 callbackFlag 参数，设置为 true 时，可以触发回调函数
【修改】IE9下“根据参数查找节点”的Demo 报错：行14 重新声明常量属性(Demo 自身的问题，定义了history变量)
【修改】初始化 zTree 时 onNodeCreated 事件回调函数中无法用 getZTreeObj 获取 zTree 对象的 bug
【修改】setting.edit.drag.prev / next / inner 参数，增加被拖拽的节点集合
【修改】异步加载模式下，otherParam 使用Array数组会出错的 bug。例如： ["id", "1", "name", "test"]
【修改】FireFox 下多棵树拖拽异常的 bug
【修改】exedit 中调用 excheck库的方法时没有进行容错处理，导致如果只加入 exedit 而没有 excheck的时候，会出现 js 错误
【修改】显示 checkbox 的 zTree 在编辑模式下，移动节点不会更新父节点半选状态的 bug
【修改】treeNode.childs --> children; treeObject.removeChilds --> removeChildNodes; setting.data.key.childs --> children（英文不好惹的祸！抱歉了！）
【修改】onRemove 回调中得到的 treeNode 还可以查找 preNode、nextNode 的bug。修正后，getPreNode 和 getNextNode 都返回 null；为了便于查找父节点，getParentNode 仍保留
【修改】简单数据模式下，如果 id 与 pId 的值相同会导致该节点无法正常加载的 bug
【修改】移动或删除中间节点会导致最后一个节点连接线图标变小的 bug

分享到：

66
顶

2
踩

评论共 77 条请登录后发表评论

77 楼 zTreeAPI 2012-01-16 17:14

mlovewt 写道

...

发Email吧，或者留言，这里面写东西不好回复。把你生成的数据给我看看

76 楼 mlovewt 2012-01-16 16:55

遇到一个异常啊setting.data.key is undefined 1269行core中的，不知道是我用的不对还是怎么了，用ajax获取树的值，

<SCRIPT type="text/javascript">
		<!--
		var setting = {
			data: {
				simpleData: {
					enable: true
				}
			}
		};

		var zNodes ;

		$(document).ready(function(){
			$.getJSON("JSONCaseServlet.do",function(data){ ;   
 var zNodes=JSON.stringify(data);
 $.fn.zTree.init($("#treeDemo"), setting, zNodes);
   }); 

			
		});
		//-->
	</SCRIPT>

75 楼 meigang 2012-01-13 18:38

正宗国产，很不错啊

74 楼 vsczw 2012-01-13 16:51

我太阳啊，
果然强大，而且国产开源，不顶对不起中国人

73 楼 yuge2009 2012-01-13 12:49

那么多人评论啊，看来不错的
立刻收藏下，以备项目中用

72 楼 lbfhappy 2012-01-13 12:05

相当牛啊，还是开源的，这种精神值得鼓励。

71 楼 zTreeAPI 2012-01-13 10:19

fkpwolf 写道

浏览器放大到120%时会出现渲染的错误；没有键盘控制。跟dojo.tree还是有点差距，不过是开源的，这个支持！

感谢！

1、放大倍数会出现渲染错误，出现多余的竖线，是由于icon的图标图片制作的过于紧凑导致，把图标之间的距离加大，同时修正css坐标即可。下次升级我会发布。

2、键盘控制可以利用目前的提供接口配上监听键盘事件。以后肯定会专门制作相关键盘控制的工具包供扩展使用。

目前 v3.0的架构可以根据特殊功能制作各种工具包，满足不同特殊需要了。

70 楼 fkpwolf 2012-01-13 10:10

浏览器放大到120%时会出现渲染的错误；没有键盘控制。跟dojo.tree还是有点差距，不过是开源的，这个支持！

69 楼 czwlucky 2012-01-12 17:48

superxgz 写道

有没有出zGrid的计划呢

什么样的grid才是好grid?

68 楼 swallow_pulm 2012-01-12 14:21

正式版终于出来啦。
zTree v2用的很大顺手啊，下次使用再升级版本了。

67 楼 zengzehui 2012-01-12 13:00

66 楼 superxgz 2012-01-12 10:53

有没有出zGrid的计划呢

65 楼 hwp0710 2012-01-12 10:51

很牛叉的树啊，改天在我的项目中也应用下~~~

64 楼刚开始吧 2012-01-12 10:39

支持！把ztree做的更完善。哈哈

63 楼 tasen 2012-01-12 10:34

很好很强大

62 楼 pineapp6e 2012-01-12 10:04

顶一个，项目里用的很爽。哈哈

61 楼 jordan_micle 2012-01-12 09:20

很不错。希望以后能有项目能用上

60 楼 yuur369 2012-01-12 09:17

不错。。。。有机会去试试。。。。

59 楼 pubx 2012-01-12 09:14

功能很强大

58 楼 jjtsuper 2012-01-12 09:03

很牛啊，不错。喜欢你一贯的努力，详细ZTree一定会成为js开发人员不可少的工具~~~

发表评论

您还没有登录,请您登录后再发表评论

66顶2踩