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 节点数据的属性更加合理，并且增加了一些方法

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

评论

30 楼 zTreeAPI 2011-11-08  

zhouyi05404 写道

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

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

29 楼 zhouyi05404 2011-11-08  

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

28 楼 zhouyi05404 2011-11-08  

zhouyi05404 写道

zhouyi05404 写道

问个问题，楼主，一般情况下设置一个根目录，在拖拽的时候不能让根目录不能拖拽，应该怎么做？

让根节点不能拖拽，应该怎么做？

刚研究了一下，已经解决了。

27 楼 zhouyi05404 2011-11-08  

zhouyi05404 写道

问个问题，楼主，一般情况下设置一个根目录，在拖拽的时候不能让根目录不能拖拽，应该怎么做？

让根节点不能拖拽，应该怎么做？

26 楼 zhouyi05404 2011-11-08  

问个问题，楼主，一般情况下设置一个根目录，在拖拽的时候不能让根目录不能拖拽，应该怎么做？

25 楼 lightning0802 2011-10-20  

lightning0802 写道

谢谢，再请教楼主，{id:6, pId:0, name:"xxx", open:true},{id:7, pId:6, name:"xxx"},
我组装好的数据，里面的那个id，我用ztree的哪个方法可以获取到？貌似在api文档里面没看到

已经知道了，呵呵，谢谢

24 楼 lightning0802 2011-10-20  

谢谢，再请教楼主，{id:6, pId:0, name:"xxx", open:true},{id:7, pId:6, name:"xxx"},
我组装好的数据，里面的那个id，我用ztree的哪个方法可以获取到？貌似在api文档里面没看到

23 楼 zTreeAPI 2011-10-20  

lightning0802 写道

请问楼主，ztree 增删改操作完成后，同时更新数据库，这个如何实现？新手求指点，求指点一个思路

一般建议操作一个节点就利用 ajax 更新一次；但要注意容错和数据同步。

22 楼 lightning0802 2011-10-19  

请问楼主，ztree 增删改操作完成后，同时更新数据库，这个如何实现？新手求指点，求指点一个思路

21 楼 zTreeAPI 2011-10-13  

lqixv 写道

你好，我们公司的项目使用了你开发的 ztree，非常感谢。

另外，提个建议，发行版本时，如果方便的话，提供一个包含全部功能的版本。祝：开心！

呵呵，正式版时我注意一下吧，谢谢了

20 楼 lqixv 2011-10-12  

你好，我们公司的项目使用了你开发的 ztree，非常感谢。

另外，提个建议，发行版本时，如果方便的话，提供一个包含全部功能的版本。祝：开心！

19 楼 zTreeAPI 2011-10-12  

zjf_sdnu 写道

看到demo里有当成下拉菜单的示例，我在想能不能跟异步加载结合，做成级联效果呢？就像省市区联动一样。

你就去实现一个异步加载的树即可

18 楼 zjf_sdnu 2011-10-12  

看到demo里有当成下拉菜单的示例，我在想能不能跟异步加载结合，做成级联效果呢？就像省市区联动一样。

17 楼 zTreeAPI 2011-09-20  

alvinscau 写道

如果是使用简单 Array 格式来 设置zTreeNodes的值 比如
var treeNodes = [
    {"id":1, "pId":0, "name":"test1"},
    {"id":11, "pId":1, "name":"test11"},
    {"id":12, "pId":1, "name":"test12"},
    {"id":111, "pId":11, "name":"test111"},
    ......
];
那么请问楼主要是我这些数据是读数据库拿到值的话，要怎么弄？求解。

如果是直接这么输出到 页面上，那么就直接for循环拼字符串就是了

例如：
var treeNodes = [
<%
for (...) {
}
%>
];

如果你用freemarker之类的模板，也可以直接使用相应的 list 循环方法

注意，最后一个数据的后面不要有逗号就是了！

16 楼 alvinscau 2011-09-19  

如果是使用简单 Array 格式来 设置zTreeNodes的值 比如
var treeNodes = [
    {"id":1, "pId":0, "name":"test1"},
    {"id":11, "pId":1, "name":"test11"},
    {"id":12, "pId":1, "name":"test12"},
    {"id":111, "pId":11, "name":"test111"},
    ......
];
那么请问楼主要是我这些数据是读数据库拿到值的话，要怎么弄？求解。

15 楼 zTreeAPI 2011-09-17  

kumaws 写道

哇！真不错！终于3.0出来了！有个问题困扰我们了，用ztree的时候，怎么把单位与人员两张表的数据同时构造到一个树上呢？以前用微软的树，采用递归的方式去够早的，但是ztree的时候非常方便的传给前台JSON就可以了，可是两张表怎么合并到一起呢？父级ID的问题怎么解决呢？

只要避免 id 重复就是了， 比如 单位的id 你都加上 "c_", 人员的id 都加上 "p_"  人员的父 id 就是 单位的id 吧，所以加上 "c_" 就可以了。 zTree 对于 id pId 的类型不做限制， Number 或者 String 都可以的。

14 楼 kumaws 2011-09-17  

哇！真不错！终于3.0出来了！有个问题困扰我们了，用ztree的时候，怎么把单位与人员两张表的数据同时构造到一个树上呢？以前用微软的树，采用递归的方式去够早的，但是ztree的时候非常方便的传给前台JSON就可以了，可是两张表怎么合并到一起呢？父级ID的问题怎么解决呢？

13 楼 zhengyutong 2011-09-14  

很不错的tree，支持一下~~~

12 楼 zTreeAPI 2011-09-14  

Liu_wh 写道

楼主怎么通过ID得到节点数据呢

getNodeByParam 方法能满足你的要求

11 楼 Liu_wh 2011-09-14  

楼主怎么通过ID得到节点数据呢