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/>）

 

评论

65 楼 zTreeAPI 2012-03-15  

shnwqxiefei 写道

非常强大，感谢楼主！
在第一次使用的时候浏览器报如下错误：

fn.zTree._z为空或不是对象
jquery.ztree.exedit-3.1.js
行:119２
字符:2

我去JS里看了下，这句话报错了：$.extend(true, $.fn.zTree.consts, _consts);
请问一下怎么解决啊？
再次感谢楼主!

你好，请确认 是否加载了 core 的核心 js  文件 ？

64 楼 shnwqxiefei 2012-03-15  

非常强大，感谢楼主！
在第一次使用的时候浏览器报如下错误：

fn.zTree._z为空或不是对象
jquery.ztree.exedit-3.1.js
行:119２
字符:2

我去JS里看了下，这句话报错了：$.extend(true, $.fn.zTree.consts, _consts);
请问一下怎么解决啊？
再次感谢楼主!

63 楼 zTreeAPI 2012-03-13  

712644zhang 写道

ztree异步加载的情况下 无法设置默认选中节点

是不是又什么办法方便的设置？类似于isParent那样加个节点

1、如果是 默认勾选节点的话，那么请参考 checked 属性
2、如果是 选择节点，那么很抱歉，只能利用 getNodeByParam 等方法先找到你要选中的节点，然后利用 selectNode 方法进行选中。 （因为 这种选中会牵扯很多对当前已经选中的节点的操作，初始化或中途异步加载的数据又可能会产生多种影响，所以没有专门实现此功能。）

62 楼 379548695 2012-03-13  

ok是我错了

61 楼 712644zhang 2012-03-13  

ztree异步加载的情况下 无法设置默认选中节点

是不是又什么办法方便的设置？类似于isParent那样加个节点

60 楼 379548695 2012-03-13  

3.0出现这个问题。现在升级3.1还是有这个问题怎么搞的网页错误详细信息

用户代理: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.2; Trident/4.0; .NET CLR 1.1.4322; InfoPath.2; .NET CLR 2.0.50727; .NET4.0C; .NET4.0E)
时间戳: Tue, 13 Mar 2012 07:36:04 UTC


消息: 'chkDisabled' 为空或不是对象
行: 159
字符: 4
代码: 0
URI: http://localhost:8000/KF2/ztree/js/jquery.ztree.excheck-3.1.js

我是有一个树父节点不可以选叶子可以选。
在对树进行选择是提示这个错误代码如下
for (var i=0, l=msg.length; i<l; i++) {
zTree.checkNode(zTree.getNodesByParam("id",msg[i].id , null)[0], true);
}

59 楼 zTreeAPI 2012-03-13  

712644zhang 写道

ztree 怎么禁用ctrl的多选功能呢？

setting.view.selectedMulti 属性可以设置

58 楼 712644zhang 2012-03-13  

ztree 怎么禁用ctrl的多选功能呢？

57 楼 zTreeAPI 2012-03-11  

编程的石头 写道

...能否做一个功能，可以只监听某个节点的某个特定事件，类似于我点击一个按钮，会产生一个特定的事件。
再次感谢您的耐心

：） 这里面牵扯到一个最关键的问题：性能优化！ 如果 zTree 对所有节点都添加事件，当数据量增大时，会产生明显的性能问题。 因此 在优化中使用了 事件委托 的方法进行处理，则样对于 click 事件来说，只需要绑定一个事件就可以完成所有节点的功能。

另外，对于你的需求，完全可以利用 zTree 的onClick 回调来控制，因为 onClick 会传递给你 当前点击的节点数据 treeNode，你的特殊需求可以根据 treeNode 来判断如何残生特定事件。

56 楼 编程的石头 2012-03-11  

zTreeAPI 写道

编程的石头 写道

....我只加载了当前节点的下一层子节点，之后无论我怎么操作，都得不到当前节点的子节点，请问这是为什么？

1、请确认是否犯了 弱智错误中的 异步加载的 错误？ 参考 http://ztreeapi.iteye.com/blog/1423986

2、你说的很模糊，我不好确定你是如何使用的。

一般来说 异步加载后，要在 onAsyncSuccess 回调中去获取 子节点才能得到，千万不要在直接执行 加载操作后就立刻获取子节点数据

另外，我不清楚你是如何获取当前节点的子节点数据的？ 一般来说应该是这样的：treeNode.children

非常感谢您能如此耐心的解答的我的问题。
您已经帮我找到错误了，我就是在直接执行 加载操作后就立刻获取子节点数据，所以才导致这个错误。
在使用这个插件的过程中，我觉得它很强大，也很好用，代码写起来很整洁。但是，现在所有的回调函数都是对于整棵树，但是很多时候我们事实上是不需要对整棵树来监听某个事件，所以，能否做一个功能，可以只监听某个节点的某个特定事件，类似于我点击一个按钮，会产生一个特定的事件。
再次感谢您的耐心

55 楼 zTreeAPI 2012-03-09  

编程的石头 写道

....我只加载了当前节点的下一层子节点，之后无论我怎么操作，都得不到当前节点的子节点，请问这是为什么？

1、请确认是否犯了 弱智错误中的 异步加载的 错误？ 参考 http://ztreeapi.iteye.com/blog/1423986

2、你说的很模糊，我不好确定你是如何使用的。

一般来说 异步加载后，要在 onAsyncSuccess 回调中去获取 子节点才能得到，千万不要在直接执行 加载操作后就立刻获取子节点数据

另外，我不清楚你是如何获取当前节点的子节点数据的？ 一般来说应该是这样的：treeNode.children

54 楼 编程的石头 2012-03-09  

zTreeAPI 写道

编程的石头 写道

zTreeAPI 写道

编程的石头 写道

编程的石头 写道

请问我该如何根据父节点去获取节节点？

我曾经试过用"children"属性获取，但是FireBug显示说这个属性未定义，然后又用了transformToArray方法，还是不行

1、请确认你用的是 哪个版本的 zTree？ v2.x 是 nodes； v3.0 beta 是 childs； v3.x正式版之后都是 children； 另外是否自行修改过 setting.data.key.children 属性？
2、请确认你使用的父节点数据是否是从zTree 获取的节点数据？
3、既然用了 FireBug 调试，按道理就能看到 对象的全部属性。

我现在用的异步加载，我想在点击一个父节点后，其下的所有子节点会全部被自动加载，但是在我调用reAsyncChildNodes后，又updateNode了这个节点，但还是不能得到到其下的子节点（显示为空）

1.reAsyncChildNodes 方法是强行异步加载某父节点的子节点
2.updateNode 是更新某个节点自身，不包括子节点
3.异步加载时，如果你返回的数据只有一层，那么就只能有下一级的子节点；如果返回的数据中包括下面n级的节点，那么加载后就会有全部子节点。

不知道你是具体如何使用的。

我只加载了当前节点的下一层子节点，之后无论我怎么操作，都得不到当前节点的子节点，请问这是为什么？

53 楼 zTreeAPI 2012-03-07  

编程的石头 写道

zTreeAPI 写道

编程的石头 写道

编程的石头 写道

请问我该如何根据父节点去获取节节点？

我曾经试过用"children"属性获取，但是FireBug显示说这个属性未定义，然后又用了transformToArray方法，还是不行

1、请确认你用的是 哪个版本的 zTree？ v2.x 是 nodes； v3.0 beta 是 childs； v3.x正式版之后都是 children； 另外是否自行修改过 setting.data.key.children 属性？
2、请确认你使用的父节点数据是否是从zTree 获取的节点数据？
3、既然用了 FireBug 调试，按道理就能看到 对象的全部属性。

我现在用的异步加载，我想在点击一个父节点后，其下的所有子节点会全部被自动加载，但是在我调用reAsyncChildNodes后，又updateNode了这个节点，但还是不能得到到其下的子节点（显示为空）

1.reAsyncChildNodes 方法是强行异步加载某父节点的子节点
2.updateNode 是更新某个节点自身，不包括子节点
3.异步加载时，如果你返回的数据只有一层，那么就只能有下一级的子节点；如果返回的数据中包括下面n级的节点，那么加载后就会有全部子节点。

不知道你是具体如何使用的。

52 楼 编程的石头 2012-03-06  

zTreeAPI 写道

编程的石头 写道

编程的石头 写道

请问我该如何根据父节点去获取节节点？

我曾经试过用"children"属性获取，但是FireBug显示说这个属性未定义，然后又用了transformToArray方法，还是不行

1、请确认你用的是 哪个版本的 zTree？ v2.x 是 nodes； v3.0 beta 是 childs； v3.x正式版之后都是 children； 另外是否自行修改过 setting.data.key.children 属性？
2、请确认你使用的父节点数据是否是从zTree 获取的节点数据？
3、既然用了 FireBug 调试，按道理就能看到 对象的全部属性。

我现在用的异步加载，我想在点击一个父节点后，其下的所有子节点会全部被自动加载，但是在我调用reAsyncChildNodes后，又updateNode了这个节点，但还是不能得到到其下的子节点（显示为空）

51 楼 zTreeAPI 2012-03-04  

编程的石头 写道

编程的石头 写道

请问我该如何根据父节点去获取节节点？

我曾经试过用"children"属性获取，但是FireBug显示说这个属性未定义，然后又用了transformToArray方法，还是不行

1、请确认你用的是 哪个版本的 zTree？ v2.x 是 nodes； v3.0 beta 是 childs； v3.x正式版之后都是 children； 另外是否自行修改过 setting.data.key.children 属性？
2、请确认你使用的父节点数据是否是从zTree 获取的节点数据？
3、既然用了 FireBug 调试，按道理就能看到 对象的全部属性。

50 楼 zTreeAPI 2012-03-04  

luotong 写道

启用编辑功能时链接会失效，请问怎么才能在编辑状态下使链接有效

请利用 onClick 回调函数，自行控制

49 楼 编程的石头 2012-03-03  

编程的石头 写道

请问我该如何根据父节点去获取节节点？

我曾经试过用"children"属性获取，但是FireBug显示说这个属性未定义，然后又用了transformToArray方法，还是不行

48 楼 编程的石头 2012-03-03  

请问我该如何根据父节点去获取节节点？

47 楼 luotong 2012-03-03  

启用编辑功能时链接会失效，请问怎么才能在编辑状态下使链接有效

46 楼 zTreeAPI 2012-02-29  

hanxiaoyidi 写道

...我也在整合dwz和ztree，也碰到了同样的问题，求解。。。

时间不多，你也麻烦再调试一下。看看你 each 中是不是应该找到的全部DOM 集合，再看看是否 事件绑定正确