JQuery Tree插件——zTree v3.1 正式版 发布

    选在情人节发布 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（IE 6 7 8 出现）

      CSS 中 filter:alpha(opacity=80) 造成的，应该是 ie 的 bug，需要更新 css 文件

   * 【修改】title 设置后，如果属性不存在，则默认为 title 为空，便于数据容错和用户灵活使用

   * 【修改】editName 方法如果针对尚未展开的 父节点，会导致该父节点自动展开的 bug

   * 【修改】title 中存在标签时导致 title 显示异常的bug（例如：蓝色字22%"'<input/>）

 

评论

25 楼 Kidwind 2012-02-20  

请问在不加载exedit包的情况下，异步树如何手动添加节点？因为 exedit包感觉有点大。

24 楼 Kidwind 2012-02-20  

zTreeAPI 写道

Kidwind 写道

异步树初始时和展开时都会触发 onAsyncSuccess，reAsyncChildNodes同样会触发，如果我想在 reAsyncChildNodes后执行特定的操作，这样应该如何实现好？

只要是异步加载都会触发 onAsyncSuccess 的，你可以考虑对 treeNode 添加特殊属性标识 是否是  reAsyncChildNodes 对其进行的操作。

不知道你的实际情况，做这种操作请注意避免由于多个异步导致的一些同步问题。

如果 reAsyncChildNodes 允许传递 callback 函数就好了。

23 楼 zTreeAPI 2012-02-20  

Kidwind 写道

异步树初始时和展开时都会触发 onAsyncSuccess，reAsyncChildNodes同样会触发，如果我想在 reAsyncChildNodes后执行特定的操作，这样应该如何实现好？

只要是异步加载都会触发 onAsyncSuccess 的，你可以考虑对 treeNode 添加特殊属性标识 是否是  reAsyncChildNodes 对其进行的操作。

不知道你的实际情况，做这种操作请注意避免由于多个异步导致的一些同步问题。

22 楼 zTreeAPI 2012-02-20  

designlee 写道

    simpleData:{
    enable:true,
    idkey:"idw",
    pIdkey:"pIdx",
    rootPid:0
    } 
idkey,pIdkey 属性修改后不起作用，还是用默认的id,pId ?

请注意大小写！ idKey  pIdKey  rootPId  js可是区分大小写的哟！

21 楼 Kidwind 2012-02-20  

异步树初始时和展开时都会触发 onAsyncSuccess，reAsyncChildNodes同样会触发，如果我想在 reAsyncChildNodes后执行特定的操作，这样应该如何实现好？

20 楼 designlee 2012-02-20  

    simpleData:{
    enable:true,
    idkey:"idw",
    pIdkey:"pIdx",
    rootPid:0
    } 
idkey,pIdkey 属性修改后不起作用，还是用默认的id,pId ?

19 楼 zTreeAPI 2012-02-20  

Kidwind 写道

版本的变更改造成很多问题，记得3.0的时候用代码展开节点，仍然会触发 onExpand，升级到3.1后，居然不触发了，郁闷~~~

hoho，谁说不会触发了？？？  

这个只能是先说一声抱歉，再来解释一下。

    在 v3.0 beta 中用 expandNode 方法的时候会强行触发 onExpand；这个包括 removeNode 方法； 但在测试中发现这样在某些情况会导致无限死循环。 例如 ： 用删除按钮删除节点时，onRemove 中会利用 ajax 获取是否允许删除的信息，然后再利用 removeNode 进行删除，这时候会发现又去进行 ajax 调用了。。。

    因此，是否触发callback需要灵活对待，不能一概而论，所以我对这些方法最后都增加了 callbackFlag 参数，默认情况是不进行触发的。

    关于这个在 v3.0 正式版发布 log 中有记录：
* 【修改】checkNode/expandNode/removeNode 方法，默认不触发回调函数，恢复 v2.6 的默认状态，同时增加 callbackFlag 参数，设置为 true 时，可以触发回调函数


所以，你使用时，如果需要触发 callback，请设置这个 callbackFlag 即可！

18 楼 Kidwind 2012-02-20  

版本的变更改造成很多问题，记得3.0的时候用代码展开节点，仍然会触发 onExpand，升级到3.1后，居然不触发了，郁闷~~~

17 楼 gocreater 2012-02-20  

乱码问题解决了，不好意思

16 楼 zTreeAPI 2012-02-20  

gocreater 写道

请求的json数据，挂在树上中文乱码！！

请检查 server输出的语言编码与 页面的语言编码是否匹配

15 楼 gocreater 2012-02-20  

请求的json数据，挂在树上中文乱码！！

14 楼 biner 2012-02-17  

越来越灰常强大，顶啊

13 楼 zTreeAPI 2012-02-16  

jack335566 写道

7、【增加】类似于Ext.tree.TreeFilter类, 可以实现树节点的过滤，隐藏不匹配过滤条件的节点

由于时间原因，此功能等正式版发布后，制作 zTree 扩展工具时一起开发。

没发现这功能~

呵呵，不好意思了。。再等等吧，如果时间充足，我会争取 在发布 v3.2 的时候一起发布这个功能吧。 但这个肯定会是一个新的 扩展js包，以保证不再增加核心包的容量。

12 楼 jack335566 2012-02-16  

7、【增加】类似于Ext.tree.TreeFilter类, 可以实现树节点的过滤，隐藏不匹配过滤条件的节点

由于时间原因，此功能等正式版发布后，制作 zTree 扩展工具时一起开发。

没发现这功能~

11 楼 九牛一毛 2012-02-14  

zTreeAPI 写道

公司无法外网，亚历山大~~~

代码短信你了哦！

10 楼 zTreeAPI 2012-02-14  

九牛一毛 写道

zTreeAPI 写道

感谢zTreeAPI的回复！此处省略***字！

目前只有N个节点(N<3)上使用简单table。每个table的列数也不会很多。
我已取消连接线和行高。
有个问题就是我对table加样式、颜色都无用，这该怎么整呢zTreeAPI？？

Email 吧，把你的例子做个 html ，打个包 发给我看看。 [e-mail]

9 楼 九牛一毛 2012-02-14  

zTreeAPI 写道

感谢zTreeAPI的回复！此处省略***字！

目前只有N个节点(N<3)上使用简单table。每个table的列数也不会很多。
我已取消连接线和行高。
有个问题就是我对table加样式、颜色都无用，这该怎么整呢zTreeAPI？？

8 楼 zTreeAPI 2012-02-14  

九牛一毛 写道

zTreeAPI 写道

你这样使用太“过分”了。。。呵呵。

很抱歉， zTree 目前来说这套结构是不支持 节点换行的，这样一般会影响以下两点：
（1）连接线的显示
如果你的需求必须如此，只能根据你的情况去调整连接线的图标或者干脆不是用连接线。

（2）节点名称的展现
因为每个节点的行高都在css中设定了，如果你不需要限定行高需要取消掉相应的css 设定。

总之， 目前 zTree 不可能直接制作 类似于 treeGrid 的功能。 你这个需求要修改不少css了。

哈哈，确实有点“过分”了。
俺只是想在节点上使用简单的table。又想用ZTree，其他的树不爽么。。。
（1）连接线的显示
可以取消

（2）节点名称的展现
行高可以不限定。
------------------------------------------------------------------------
如果俺非要节点上用table 我上面的形式可行么？或者有什么建议？

主要是目前 zTree 的结构本人认为不太适用于 treeGrid 的展现。 如果你每个节点的table 互相之间没有关联，那么我觉得对 css 做一定修改后可以的。 如果你就是为了实现 treeGrid 的确有难度——首先不同级别的节点 表格左边要对齐吧；不同节点 同一列的表格要对奇吧。。。等等

另外，如果你希望节点上面显示 table 也不建议你利用 name 来操作，这样控制起来比较麻烦，建议你利用 自定义控件的方法来展现。 可以尝试一下。。。我倒是考虑什么时候有空做个 treeGrid，但肯定不是现在就开始做的。 抱歉了。

7 楼 九牛一毛 2012-02-14  

zTreeAPI 写道

你这样使用太“过分”了。。。呵呵。

很抱歉， zTree 目前来说这套结构是不支持 节点换行的，这样一般会影响以下两点：
（1）连接线的显示
如果你的需求必须如此，只能根据你的情况去调整连接线的图标或者干脆不是用连接线。

（2）节点名称的展现
因为每个节点的行高都在css中设定了，如果你不需要限定行高需要取消掉相应的css 设定。

总之， 目前 zTree 不可能直接制作 类似于 treeGrid 的功能。 你这个需求要修改不少css了。

哈哈，确实有点“过分”了。
俺只是想在节点上使用简单的table。又想用ZTree，其他的树不爽么。。。
（1）连接线的显示
可以取消

（2）节点名称的展现
行高可以不限定。
------------------------------------------------------------------------
如果俺非要节点上用table 我上面的形式可行么？或者有什么建议？

6 楼 zTreeAPI 2012-02-14  

九牛一毛 写道

怎样用ztree的某一节点放置table，而样式不会变形？

var zNodes =[
			{ name:"父节点1 - 展开", open:true,
				children: [
					{ name:"父节点11 - 折叠", open:true,
						children: [
							{ name:"叶子节点111",open:true,children:[{name:"11111"}]},
							{ name:"叶子节点112"}
						]},
					{ name:"父节点12 - 折叠",
						children: [
							{ name:"叶子节点121叶子节点121叶子节点121叶子节点121<br>叶子节点121叶子节点121叶子节点121叶子节点121叶子节点121叶子节点121叶子节点121叶子节点121叶子节点121"},
							{ name:"<table><tr><td>sssssssss</td></tr></table>"}
						]}
				]}
		];

你这样使用太“过分”了。。。呵呵。

很抱歉， zTree 目前来说这套结构是不支持 节点换行的，这样一般会影响以下两点：
（1）连接线的显示
如果你的需求必须如此，只能根据你的情况去调整连接线的图标或者干脆不是用连接线。

（2）节点名称的展现
因为每个节点的行高都在css中设定了，如果你不需要限定行高需要取消掉相应的css 设定。

总之， 目前 zTree 不可能直接制作 类似于 treeGrid 的功能。 你这个需求要修改不少css了。