资讯频道 → Web前端
阅读更多

59顶
0踩

Web前端

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

2012-02-14 10:39 by 正式记者 zTreeAPI 评论(74) 有20228人浏览
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
在init化树之后，希望调用expandAll展开所有树节点，该函数不能使用，原因应该是树还没有渲染。
要实现初始化展开的功能，只能在json数据中去写，能不能像Ext中的树一样，加上afterRender事件呢？
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 写道
xieboxin 写道
demo演示中，对于没有子节点的节点，第一次点击正常。收起第二次打开时，后面预留了一行位置。两次的结果不一样。IE7的环境下。
是不是需要修改下？

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

找到原因了，是因为动画效果 在 IE7下出现异常，同时我在处理 折叠操作时忽略了无子节点的情况导致， 如果你使用时在意这个问题，可以设置 zTree 的 setting.view.expandSpeed = "" 关闭动画效果即可！ 我这里已经对核心代码进行了修正，在 v3.2 发布时会更正此bug！ 再次感谢！
42 楼 zTreeAPI 2012-02-16 14:05
xieboxin 写道
xieboxin 写道
demo演示中，对于没有子节点的节点，第一次点击正常。收起第二次打开时，后面预留了一行位置。两次的结果不一样。IE7的环境下。
是不是需要修改下？

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

感谢，这里的确是 IE7 下有点儿问题，我会尽快检查并修改的。
41 楼 xieboxin 2012-02-16 13:52
xieboxin 写道
demo演示中，对于没有子节点的节点，第一次点击正常。收起第二次打开时，后面预留了一行位置。两次的结果不一样。IE7的环境下。
是不是需要修改下？

最简单的树 -- 标准 JSON 数据
这个位置的
40 楼 xieboxin 2012-02-16 13:50
demo演示中，对于没有子节点的节点，第一次点击正常。收起第二次打开时，后面预留了一行位置。两次的结果不一样。IE7的环境下。
是不是需要修改下？
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
很不错的东东，多的不说，支持一个先，

发表评论

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

相关推荐

  • Jquery zTree V3.1

    一款很强大的Jquery树形插件,内部还有api，dome,js,css等一些文件，api很详细，dome很多哦...

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

    选在情人节发布 zTree v3.1，希望 zTree 能够拥有更多的“粉丝”。  这次 v3.1 整体改动不大，但因为修改了 css 和 图片，所以升级时需要注意了！  另外，应不少朋友的要求，我把 API 的页面抽取出来，做了...

  • JQuery zTree v3.1 API

    JQuery zTree v3.1 API

  • JQuery zTree v3.1

    JQuery zTree v3.1

  • zTree(JQuery Tree) v3.1.rar

    zTree 是利用 JQuery 的核心代码，实现一套能完成大部分常用功能的 Tree 插件 兼容 IE、FireFox、Chrome 等浏览器（对于IE 6的兼容问题将不做特殊维护） 在一个页面内可同时生成多个 Tree 实例 支持 JSON 数据 支持...

  • java-zTree(JQuery Tree) v3.1.zip.zip

    java_zTree(JQuery Tree) v3.1.zip.zip

  • JQuery zTree v3.1 API.chm

    这是我整理的ztree树形插件的API，其版本是V3.1，希望对大家有所帮助

  • JQuery zTree v3.1完整API完整demo

    JQuery zTree v3.1完整API完整demo

  • archive_zTree(JQuery Tree) v3.1.zip.zip

    archive_zTree(JQuery Tree) v3.1.zip.zip

  • JQuery-zTree-v3.1.rar_ztree

    JQuery的相关代码，尤其是树的功能，已经封闭为API，可直接使用。

  • JQuery_zTree_v3.1

    JQuery zTree中英文API + 中英文demo + css + js, 版本：JQuery zTree v3.1

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

     这次 v3.4 主要还是修改一些细节 bug，同时新增了 destroy 方法用于一些特殊需求中执行树的销毁操作，并且这次在制作 destroy 方法的时候无意间发现了 IE9 的内存泄漏问题，并且针对这个问题对 zTree 内部的 zId ...

  • jQuery zTree插件使用简单教程

    本文实例为大家分享了jQuery zTree插件使用简单教程，供大家参考，具体内容如下 首先说一下，在web开发过程中会有很多的地方需要到树形的插件，JQuery 就有树的插件，本次简单教程讲的是zTree的使用教程。 官方下载...

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

    由于国庆之后一直忙于公司的项目，因此将 zTree 闲置了1个月左右。  这次升级继续以修正 bug 为主，这里要非常感谢各位用户的支持，这次修改的很多 bug 都是大家在使用过程中反映给我的。      zTree ...

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

    zTree v3.2 API : http://www.baby666.cn/v3/api.php zTree v3.2 Demo : http://www.baby666.cn/v3/demo.php#_101 zTree v3.2 FAQ : http://www.baby666.cn/v3/faq.php#_101  * 【增加】setting.data.key....

  • 分享：JQuery Tree插件——zTree v3.5.01 版 发布

    分享：JQuery Tree插件——zTree v3.5.01 版 发布 JQuery Tree插件——zTree v3.5.01 版 发布 http://www.oschina.net/news/36016 ...

  • jQuery插件zTree实现单独选中根节点中第一个节点示例

    主要介绍了jQuery插件zTree实现单独选中根节点中第一个节点的方法,结合实例形式分析了jQuery树形插件zTree的具体使用技巧,需要的朋友可以参考下

  • JQuery Tree插件——zTree v2.6正式版发布

    JQuery Tree插件——zTree v2.6正式版发布！ 发表于2011-06-01 10:48| 4748次阅读| 来源开源中国社区| 9 条评论| 作者dyhunter 浏览器jquery插件treejqueryztree 摘要：JQuery Tree插件——zTre

  • linux聊天系统，采用微信小程序与PC端双端开发。

    后台采用apache服务器下的cgi处理c语言做微信小程序后台逻辑的脚本映射。PC端的服务器和客户端都是基于c语言写的。采用mysql数据库进行用户数据和聊天记录的存储。.zip C语言是一种广泛使用的编程语言，它具有高效、灵活、可移植性强等特点，被广泛应用于操作系统、嵌入式系统、数据库、编译器等领域的开发。C语言的基本语法包括变量、数据类型、运算符、控制结构（如if语句、循环语句等）、函数、指针等。下面详细介绍C语言的基本概念和语法。 1. 变量和数据类型 在C语言中，变量用于存储数据，数据类型用于定义变量的类型和范围。C语言支持多种数据类型，包括基本数据类型（如int、float、char等）和复合数据类型（如结构体、联合等）。 2. 运算符 C语言中常用的运算符包括算术运算符（如+、、、/等）、关系运算符（如==、!=、、=、<、<=等）、逻辑运算符（如&&、||、！等）。此外，还有位运算符（如&、|、^等）和指针运算符（如、等）。 3. 控制结构 C语言中常用的控制结构包括if语句、循环语句（如for、while等）和switch语句。通过这些控制结构，可以实现程序的分支、循环和多路选择等功能。 4. 函数 函数是C语言中用于封装代码的单元，可以实现代码的复用和模块化。C语言中定义函数使用关键字“void”或返回值类型（如int、float等），并通过“{”和“}”括起来的代码块来实现函数的功能。 5. 指针 指针是C语言中用于存储变量地址的变量。通过指针，可以实现对内存的间接访问和修改。C语言中定义指针使用星号（）符号，指向数组、字符串和结构体等数据结构时，还需要注意数组名和字符串常量的特殊性质。 6. 数组和字符串 数组是C语言中用于存储同类型数据的结构，可以通过索引访问和修改数组中的元素。字符串是C语言中用于存储文本数据的特殊类型，通常以字符串常量的形式出现，用双引号（"..."）括起来，末尾自动添加'\0'字符。 7. 结构体和联合 结构体和联合是C语言中用于存储不同类型数据的复合数据类型。结构体由多个成员组成，每个成员可以是不同的数据类型；联合由多个变量组成，它们共用同一块内存空间。通过结构体和联合，可以实现数据的封装和抽象。 8. 文件操作 C语言中通过文件操作函数（如fopen、fclose、fread、fwrite等）实现对文件的读写操作。文件操作函数通常返回文件指针，用于表示打开的文件。通过文件指针，可以进行文件的定位、读写等操作。 总之，C语言是一种功能强大、灵活高效的编程语言，广泛应用于各种领域。掌握C语言的基本语法和数据结构，可以为编程学习和实践打下坚实的基础。

  • 基于Cartographer的室内SLAM系统研究与实现

    本文研究了谷歌的Cartographer室内SLAM算法，为了提高其建图和定位的精确度对算法进行了改进。

Global site tag (gtag.js) - Google Analytics