JQuery Tree插件——zTree v3.0 beta 发布

      终于可以将 zTree v3.0 beta 发布出来了，在这里首先感谢大家对 zTree 的支持。

    这次 zTree v3.0 改动相当的大，包括：js 的代码架构；包括 css 调整；当然还有采用了延迟加载技术后，对性能的优化。赶快去下载吧：http://code.google.com/p/jquerytree/downloads/list

    顺便网站也进行了全面改版：http://www.baby666.cn
   


    当然这次 v3.0 的升级还是有一个比较大的遗憾，就是为了性能、结构等性能的提升，此次升级无法做到向下兼容。但我专门制作了 v2.6 - v3.0 的升级必读，请升级的朋友仔细阅读：http://www.baby666.cn/v3/faq.php#_101

    zTree v3.0 API 文档暂时也只提供在线版本的：http://www.baby666.cn/v3/api.php

   这次升级修改的内容太多了，这里不一一描述，需要的朋友可以去看升级必读，下面简要介绍一下 v3.0 改进的关键部分：

   * 【修改】zTree 的 js 代码架构全面修改，并且拆分

   * 【修改】zTree 的 css 样式全面修改，对浏览器可以更好地兼容，同时解决了以前1个像素差的问题

   * 【优化】采用延迟加载技术，一次性加载大数据量的节点性能飞速提升

   * 【增加】支持多节点同时选中、拖拽

   * 【增加】checkNode、checkAllNodes 等多种方法

   * 【增加】IE6 自动取消动画展开、折叠的功能

   * 【修正】异步加载 & 编辑模式 能够更完美的共存

   * 【修正】setting 配置更加合理，并且增加了若干项配置参数

   * 【修正】treeNode 节点数据的属性更加合理，并且增加了一些方法

   * 【修正】拖拽操作更加灵活方便，更容易制定自己的规则

评论

50 楼 zTreeAPI 2011-12-23  

Tracyer 写道

您好，用了你的ztree，感觉好棒，可是有一点， 我们现在有个需求，就是模糊搜索某个节点后，要求把其它的节点都隐藏或者删除也行，点加载或者刷新又可以展开，最好是隐藏，只显示，匹配结果的的节点和该节点的父节点......但是我看了你的源码，不知道该如何修改，请教一下，急用.....

你好，非常抱歉，目前没有隐藏功能。 你可以直接利用jQuery操作DOM，强行隐藏。
至于找到节点的DOM也很简单， 节点 li 的 id就是节点数据中 tId 的值。 你利用 getNodesByParamFuzzy 可以实现模糊搜索的功能，然后就可以自己强行设置节点隐藏了。

49 楼 Tracyer 2011-12-23  

您好，用了你的ztree，感觉好棒，可是有一点， 我们现在有个需求，就是模糊搜索某个节点后，要求把其它的节点都隐藏或者删除也行，点加载或者刷新又可以展开，最好是隐藏，只显示，匹配结果的的节点和该节点的父节点......但是我看了你的源码，不知道该如何修改，请教一下，急用.....

48 楼 zTreeAPI 2011-12-16  

kkgoing 写道

发现个bug啊：simpleData: {enable: false,
idKey: "id",
          pIdKey: "pId",
rootPId: 0
     }
enable设置成true以后，右键添加子节点不能显示；设置成false后就可以了。求解！

呵呵，不是bug，是右键菜单的Demo过于简陋，使用的是标准的数据，如果你使用简单数据模式，那么添加新节点时请注意生成相应的 id pId 属性即可！

47 楼 kkgoing 2011-12-15  

发现个bug啊：simpleData: {enable: false,
idKey: "id",
          pIdKey: "pId",
rootPId: 0
     }
enable设置成true以后，右键添加子节点不能显示；设置成false后就可以了。求解！

46 楼 zTreeAPI 2011-12-14  

kkgoing 写道

zTree3.0 高级增删改的“增、删”方法的实现到底是哪个？比如:点击中间的那个重命名图标，调用的是哪个函数啊？我想用右键功能实现“重命名”，应该调用什么函数呢？

在贴吧上已经给你回复。 另外请你不要一个问题到处都发，这样只会耽误我的时间。 只要我有空来回复的时候， 这几个地方我都会去看，你只需要选择一个地方发出来即可！ 谢谢配合。

45 楼 kkgoing 2011-12-13  

zTree3.0 高级增删改的“增、删”方法的实现到底是哪个？比如:点击中间的那个重命名图标，调用的是哪个函数啊？我想用右键功能实现“重命名”，应该调用什么函数呢？

44 楼 zTreeAPI 2011-12-07  

yangyang8599 写道

大侠，给个建议：
你的treeNode很多字段和mssql里面的关键字是冲突的，建议修改为都能够映射比较多。
我看你的文档里能够映射的有
key:{
childs:"children",
name:"name"
.....
}
可是checked、nochecked、open似乎都不能映射，数据库操作中ORM映射需要转换太麻烦了。

感谢。。。当初做映射也是因为冲突，不过checked是可以映射的。 其余的貌似也没有和 mysql关键字冲突了吧？？

43 楼 yangyang8599 2011-12-07  

大侠，给个建议：
你的treeNode很多字段和mssql里面的关键字是冲突的，建议修改为都能够映射比较多。
我看你的文档里能够映射的有
key:{
childs:"children",
name:"name"
.....
}
可是checked、nochecked、open似乎都不能映射，数据库操作中ORM映射需要转换太麻烦了。

42 楼 zTreeAPI 2011-11-29  

Old_Yang 写道

楼主，首先谢谢你的分享。我想问下怎么触发节点的onclick事件，比如<input type="button"  onclick="xxx()" id="btn"/>，可以执行$("#btn").click()，相当于用户触发了onclick事件？？

请看 setting.callback.onClick

41 楼 Old_Yang 2011-11-28  

楼主，首先谢谢你的分享。我想问下怎么触发节点的onclick事件，比如<input type="button"  onclick="xxx()" id="btn"/>，可以执行$("#btn").click()，相当于用户触发了onclick事件？？

40 楼 zTreeAPI 2011-11-23  

path123 写道

LZ,支不支扶持IE9？

原则上应该是支持的，如果发现有不兼容的问题请告诉我，谢谢

39 楼 path123 2011-11-23  

LZ,支不支扶持IE9？

38 楼 zTreeAPI 2011-11-21  

hautbbs 写道

整体效果是不错的，但是这样的配置和语法，让人很郁闷啊！

呵呵，请说一下让你不郁闷的配置和语法，谢谢。

37 楼 zTreeAPI 2011-11-21  

suliuyes 写道

楼主，实际应用基本上所有东西都是数据库来控制。所以我对节点进行的增删改，肯定都要提交到数据库的。删和修改没什么问题。 但是增加节点，貌似没找到对应的事件，只有一个onNodeCreated，这个方法在一开始初始化的时候也会触发（初始化我的菜单必须是全部展开的），而且还默认已经加好了一个new node。有没有办法，点击增加节点的时候，由我自己来控制做什么吗？

你好，删除、修改都是在zTree上操作后进行的，所以要有事件回调。但增加节点都是用户手动利用 addNodes，所以你是知道何时新增节点的，完全不需要再触发事件浪费资源。

36 楼 hautbbs 2011-11-18  

整体效果是不错的，但是这样的配置和语法，让人很郁闷啊！

35 楼 suliuyes 2011-11-18  

楼主，实际应用基本上所有东西都是数据库来控制。所以我对节点进行的增删改，肯定都要提交到数据库的。删和修改没什么问题。 但是增加节点，貌似没找到对应的事件，只有一个onNodeCreated，这个方法在一开始初始化的时候也会触发（初始化我的菜单必须是全部展开的），而且还默认已经加好了一个new node。有没有办法，点击增加节点的时候，由我自己来控制做什么吗？

34 楼 zTreeAPI 2011-11-16  

yaodian 写道

请教下~

async: {
		enable: true,
		url: "http://host/getNode.php",
		autoParam: ["id"]
	}

能把id的值处理后提交吗？？就是参数在提交前需要预处理。。比如id是‘a_2’，提交前需要把‘a_’去掉。现在想到一种方法是提交前通过beforeAsync把id改掉。。之后再通过dataFilter把id改回来。。。虽然只多了一行代码。。。但还是想问下。。。有办法直接改要提交的数据吗？~~谢谢~ ^_^

你好，没有提交数据前预处理参数的现成方法，但不知道你的实际用途，为何不做两个属性一个是id:"a_2", 另一个是idx:"2", 这样设置传递 idx不就可以了吗？

33 楼 yaodian 2011-11-12  

请教下~

async: {
		enable: true,
		url: "http://host/getNode.php",
		autoParam: ["id"]
	}

能把id的值处理后提交吗？？就是参数在提交前需要预处理。。比如id是‘a_2’，提交前需要把‘a_’去掉。现在想到一种方法是提交前通过beforeAsync把id改掉。。之后再通过dataFilter把id改回来。。。虽然只多了一行代码。。。但还是想问下。。。有办法直接改要提交的数据吗？~~谢谢~ ^_^

32 楼 zTreeAPI 2011-11-12  

zhouyi05404 写道

zTreeAPI 写道

zhouyi05404 写道

怎么我的zNodes中的url写了链接地址怎么没有效果呢？
var zNodes =[{ id:"1", pId:0, name:"Root", url:"http://www.iteye.com", target :"_self"}
];

是不是编辑模式下？ 如果设置了编辑模式，那么url属性的超链接会无效。 请利用 onClick事件回调函数自行控制

谢谢你的提示
是编辑模式，但是我既要实现树的拖拽，又要url属性的超链接有效，不利用onClick事件回调函数自行控制，应该怎么做呢？

OMG！ 又要编辑，又要让url生效，又不要利用onClick事件回调函数。。。那你修改zTree 的源代码吧，把那个判断是edit模式时，取消url的功能修改一下，但我觉得可能会对编辑按钮的点击操作影响，你可以试试看。 个人建议还是利用onClick吧，还是挺方便的，只需要2行代码左右就能搞定

31 楼 zhouyi05404 2011-11-09  

zTreeAPI 写道

zhouyi05404 写道

怎么我的zNodes中的url写了链接地址怎么没有效果呢？
var zNodes =[{ id:"1", pId:0, name:"Root", url:"http://www.iteye.com", target :"_self"}
];

是不是编辑模式下？ 如果设置了编辑模式，那么url属性的超链接会无效。 请利用 onClick事件回调函数自行控制

谢谢你的提示
是编辑模式，但是我既要实现树的拖拽，又要url属性的超链接有效，不利用onClick事件回调函数自行控制，应该怎么做呢？