zTree v3.1 正式版发布，优秀的JQuery Tree插件

59顶
0踩

2012-02-14 10:39 by 正式记者 zTreeAPI 评论(74) 有20645人浏览

ztree jQuery tree 树 javascript

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

选在情人节发布 zTree v3.1，希望 zTree 能够拥有更多的“粉丝”。

这次 v3.1 整体改动不大，但因为修改了 css 和图片，所以升级时需要注意了！

另外，应不少朋友的要求，我把 API 的页面抽取出来，做了一个简易版的 API 离线文档，方便大家使用。

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

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

下面是 v3.1 的修改记录：

【增加】ajax 的参数 setting.async.contentType ，让提交参数适用于 json 数据提交（主要适用于 .Net 的开发）。
【增加】setting.edit.editNameSelectAll, 用于设定编辑节点名称时初次显示 input 后 text 内容为全选。
【修改】异步加载规则，不再仅仅依靠父节点的子节点数来判定，增加内部属性 zAsync，保证默认状态下父节点及时无子节点也只能异步加载一次，除非使用 reAsyncChildNodes 方法强行控制异步加载。
【修改】放大浏览器后导致界面出现多余连接线的bug （需要更新：icon 图标和 css ）。
【修改】在编辑状态，如果节点名超过编辑框宽度，左右键在框内不起作用的bug（在IE6/7/8中出现）。CSS 中 filter:alpha(opacity=80) 造成的，应该是 IE 的 bug，需要更新 css 文件。
【修改】title 设置后，如果属性不存在，则默认 title 为空，便于数据容错和用户灵活使用。
【修改】editName 方法如果针对尚未展开的父节点，会导致该父节点自动展开的 bug。
【修改】title 中存在标签时导致 title 显示异常的bug（例如：蓝色字22%"'<input/>）。

分享到：

59
顶

0
踩

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

54 楼 zTreeAPI 2012-02-18 20:46

jljlpch 写道

在init化树之后，希望调用expandAll展开所有树节点，该函数不能使用，原因应该是树还没有渲染。
要实现初始化展开的功能，只能在json数据中去写，能不能像Ext中的树一样，加上afterRender事件呢？

1、对于没有使用异步加载的树，完全可以在 init 初始化之后使用 expandAll 方法展开所有节点
2、对于异步加载的树，请在 asyncSuccess 回调函数中使用 expandAll 方法展开已加载的所有节点。
   这里请记住， zTree 的expandAll 方法并没有特意去实现自动异步加载全部子节点并展开的功能。理由如下：
   A、zTree 使用了延迟加载技术，对于数据较大的情况下，也可以一次性全部加载
   B、使用异步加载基本上是为了保证效率和展现速度，既然用了异步加载，又要用 expandAll 把所有的数据都逐步异步加载并展开，那么实际效率反倒会更低，这时候异步加载又有什么意义呢？

53 楼 zTreeAPI 2012-02-18 20:41

tomfish88 写道

我想问一下，多选树选中的数据能保存么？下次打开的时候这些数据还在树上显示？？然后可以重新选中，这个功能有没有？

抱歉，目前没有提供将数据保存在 cookie等客户端的功能。请自行保存。

备注：
1、你可以保存全部数据，但因为cookie对数据量有限制，如果数据太多是不能放在cookie中的。
2、可以考虑只将多选的节点数据的 id 保存下来，下次打开页面时，将这些id取出，针对这些id 的节点进行 selectNode 方法选中
3、还可以考虑页面不刷新，这样就可以尽量避免这种情况。

52 楼 jljlpch 2012-02-18 17:25

51 楼 wanghuaitcast 2012-02-18 17:05

很强大，令我佩服的demo很好

50 楼 tomfish88 2012-02-18 10:26

我想问一下，多选树选中的数据能保存么？下次打开的时候这些数据还在树上显示？？然后可以重新选中，这个功能有没有？

49 楼 whaosoft 2012-02-17 23:36

用着好强大

48 楼 zTreeAPI 2012-02-17 17:50

flex_莫冲写道

支持移动设备吗，ipad，iphone，ipod，android2.2以上版本？

不好意思，完全没有针对移动设备做相应的事件处理，当初自己用 android 的手机浏览过，可以普通展开、折叠，点击跳转等操作，但对于拖拽是不行的。

个人一直觉得移动设备屏幕太小（ipad除外），有谁会原因用web放颗树呢？希望继续沟通，把你的想法告诉我，谢谢。

47 楼 flex_莫冲 2012-02-17 17:24

支持移动设备吗，ipad，iphone，ipod，android2.2以上版本？

46 楼 xingchenzhan 2012-02-17 10:02

真是很精品。

45 楼 zTreeAPI 2012-02-16 18:00

josunmarks 写道

搜索时发现个问题搜索没有展开的节点定位后节点不展开

你说的是 Demo 展现规则问题吧？？这是因为 Demo 本身很简单，不会考虑那么多周到的细节规则，如果需要展开，可以在定位节点时，使用 expandNode 方法即可

44 楼 josunmarks 2012-02-16 16:18

搜索时发现个问题搜索没有展开的节点定位后节点不展开

43 楼 zTreeAPI 2012-02-16 14:41

xieboxin 写道

demo演示中，对于没有子节点的节点，第一次点击正常。收起第二次打开时，后面预留了一行位置。两次的结果不一样。IE7的环境下。
是不是需要修改下？

最简单的树 -- 标准 JSON 数据
这个位置的

找到原因了，是因为动画效果在 IE7下出现异常，同时我在处理折叠操作时忽略了无子节点的情况导致，如果你使用时在意这个问题，可以设置 zTree 的 setting.view.expandSpeed = "" 关闭动画效果即可！我这里已经对核心代码进行了修正，在 v3.2 发布时会更正此bug！再次感谢！

42 楼 zTreeAPI 2012-02-16 14:05

xieboxin 写道

最简单的树 -- 标准 JSON 数据
这个位置的

感谢，这里的确是 IE7 下有点儿问题，我会尽快检查并修改的。

41 楼 xieboxin 2012-02-16 13:52

xieboxin 写道

最简单的树 -- 标准 JSON 数据
这个位置的

40 楼 xieboxin 2012-02-16 13:50

39 楼 jiake0504 2012-02-16 12:53

赞一下……很不错的东东。

38 楼 wuzhxun 2012-02-16 09:37

demo做的很好，赞！

37 楼 zTreeAPI 2012-02-16 08:57

oldnew 写道

zTreeAPI 写道

oldnew 写道

能不能用在弹出层上生成树形

当然可以，只需要把 zTree 的容器建立在弹出层内即可。

可有demo参考

请参考 http://www.baby666.cn/v3/demo.php#_507

36 楼 zTreeAPI 2012-02-16 08:53

jljlpch 写道

很强大，jquery中就没有好的树形插件，我一直都想自己写一个，看样子现在是不用了。

非常欢迎提出宝贵意见，大家互相沟通。

35 楼 hbbbs 2012-02-16 08:48

很不错的东东，多的不说，支持一个先，

发表评论

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

59顶0踩