`
zTreeAPI
  • 浏览: 345656 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

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

阅读更多

 

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


  请注意:jquery.ztree.all 文件中 仅仅包含 core、excheck、exedit 这三个 js 包; 对于 exhide 以及以后推出的 扩展包都不会包含在 jquery.ztree.all 文件中。

  如果需要使用,请自行添加。

 

 

  在线操作演示:http://www.ztree.me/v3/demo.php#_101

  快速下载地址:http://code.google.com/p/jquerytree/downloads/list



下面是 v3.4 的修改记录:


   * 【增加】Demo —— OutLook 样式的左侧菜单 (http://www.ztree.me/v3/demo.php#_513)

   * 【增加】清空 zTree 的方法 $.fn.zTree.destory(treeId) & zTree.destory()


   * 【修改】core核心文件内 _eventProxy 方法中获取 tId 的方法,提高 DOM 的灵活性

   * 【修改】初始化时 多层父节点的 checkbox 半选状态计算错误的 bug

   * 【修改】同时选中父、子节点后,利用 getSelectedNodes 获取选中节点并利用 removeNode 删除时报错的 bug

   * 【修改】treeNode.chkDisabled / nocheck 属性,支持字符串格式的 "false"/"true"

   * 【修改】异步加载模式下无法利用 server 返回 xml 并且 在 dataFilter 中继续处理的 bug

   * 【修改】title 只允许设置为 string 类型值的问题。 修正后允许设置为 number 类型的值

   * 【修改】zId 计数规则 & Cache 保存,减少 IE9 的 bug 造成的内存泄漏

   * 【修改】API 页面搜索功能导致 IE 崩溃的 bug

 

分享到:
评论
48 楼 xuewater 2013-02-25  
能不能加个好友,有好几个问题要问你呢  1289513582
47 楼 zTreeAPI 2013-02-20  
xuewater 写道
zTreeAPI 写道
xuewater 写道
在异步加载的时候,ztree能不能获取没有没有异步加载子节点的数据???  谢谢,急用!!!

请看 zTreeNode.zAsync 和 setting.async.dataFilter 应该有一个能够满足你的需要吧


我是在异步加载时,勾选父节点的复选框,想获取该父节点下子节点的值,以及子节点中是父节点下的子节点的值,直到最底层,但是父节点下子节点的数据还没有异步加载,我有什么办法可以解决,或者我本身思路不对?请指教! 谢谢


对于前端操作来说,如果子节点都木有加载,那么肯定无能为力,除非你针对这种需求制作特殊的后台接口,然后自己用 ajax 去获取必要的内容。 总的来说你现在这种情况先不要考虑代码怎么写,先要根据 实际需求来考虑程序执行的规则和流程, 甚至必要时去调整需求。
46 楼 xuewater 2013-02-20  
zTreeAPI 写道
xuewater 写道
在异步加载的时候,ztree能不能获取没有没有异步加载子节点的数据???  谢谢,急用!!!

请看 zTreeNode.zAsync 和 setting.async.dataFilter 应该有一个能够满足你的需要吧


我是在异步加载时,勾选父节点的复选框,想获取该父节点下子节点的值,以及子节点中是父节点下的子节点的值,直到最底层,但是父节点下子节点的数据还没有异步加载,我有什么办法可以解决,或者我本身思路不对?请指教! 谢谢
45 楼 zTreeAPI 2013-02-19  
xuewater 写道
在异步加载的时候,ztree能不能获取没有没有异步加载子节点的数据???  谢谢,急用!!!

请看 zTreeNode.zAsync 和 setting.async.dataFilter 应该有一个能够满足你的需要吧
44 楼 zTreeAPI 2013-02-19  
water0504 写道
您好,我目前是用ztree实现树形数据的异步加载

但是我想实现如下功能:我勾选父节点的复选框,异步加载该复选框下方的所有子节点,并勾选所有子节点,改怎么做???


急用!!!!  谢谢!

异步的情况。。。只能利用后台手段了,前台变出花来也不可能处理未加载的数据
43 楼 xuewater 2013-02-19  
在异步加载的时候,ztree能不能获取没有没有异步加载子节点的数据???  谢谢,急用!!!
42 楼 xuewater 2013-02-19  
在异步加载的时候,ztree能不能获取没有没有异步加载子节点的数据???  谢谢,急用!!!
41 楼 water0504 2012-11-20  
您好,我目前是用ztree实现树形数据的异步加载

但是我想实现如下功能:我勾选父节点的复选框,异步加载该复选框下方的所有子节点,并勾选所有子节点,改怎么做???


急用!!!!  谢谢!
40 楼 zTreeAPI 2012-11-08  
nw_lvjuntao 写道
....
你好,map就是为了生成json格式数据而已,没有报错,在源码里调试了,节点选中后,不会在触发双击事件了


非常感谢,测试了一下,这个应该属于bug,我会跟随下个版本发布时修正的。
39 楼 nw_lvjuntao 2012-11-08  
zTreeAPI 写道
nw_lvjuntao 写道
nw_lvjuntao 写道
你好,我用的3.4,添加了双击事件,此节点没有选中的时候,直接双击没问题,但是在某个节点选中后(点击后),在双击就不作用了,请问是我使用的问题,还是框架本身有问题,谢谢

我在标题哪里加了一层标签,如下:

if (selectFlag) {
map.put("name", "<span class='select_yes'>&nbsp;&nbsp;&nbsp;&nbsp;" + map.get("name") + "</span>");
map.put("title", "(可选)" + rs.getString("fullname"));
} else {
map.put("name", "<span class='select_not'>&nbsp;&nbsp;&nbsp;&nbsp;" + map.get("name") + "</span>");
map.put("title", "(不可选)" + rs.getString("fullname"));
}




去掉我加这层标签后就没问题了,请问怎么处理?

关键是你这里面的 map 是做什么用的? 是 节点的数据吗? 出现问题时,是否页面有报错信息??



你好,map就是为了生成json格式数据而已,没有报错,在源码里调试了,节点选中后,不会在触发双击事件了
38 楼 zTreeAPI 2012-11-07  
xing_kenny 写道
Dome里面,ztree\demo\cn\index.html

<TD width=770px align=left valign=top><IFRAME ID="testIframe" Name="testIframe" FRAMEBORDER=0
SCROLLING=AUTO width=100%  height=600px SRC="core/standardData.html" onload="loadReady();" ></IFRAME></TD>

此处 onload="loadReady();" 是不需要的吧?
因为上面
demoIframe = $("#testIframe");
demoIframe.bind("load", loadReady);

这个。。。应该是疏忽了。。。感谢你的细心。
37 楼 zTreeAPI 2012-11-07  
nw_lvjuntao 写道
nw_lvjuntao 写道
你好,我用的3.4,添加了双击事件,此节点没有选中的时候,直接双击没问题,但是在某个节点选中后(点击后),在双击就不作用了,请问是我使用的问题,还是框架本身有问题,谢谢

我在标题哪里加了一层标签,如下:

if (selectFlag) {
map.put("name", "<span class='select_yes'>&nbsp;&nbsp;&nbsp;&nbsp;" + map.get("name") + "</span>");
map.put("title", "(可选)" + rs.getString("fullname"));
} else {
map.put("name", "<span class='select_not'>&nbsp;&nbsp;&nbsp;&nbsp;" + map.get("name") + "</span>");
map.put("title", "(不可选)" + rs.getString("fullname"));
}




去掉我加这层标签后就没问题了,请问怎么处理?

关键是你这里面的 map 是做什么用的? 是 节点的数据吗? 出现问题时,是否页面有报错信息??
36 楼 zTreeAPI 2012-11-07  
xfei6868 写道
楼主帮忙看一下我提出的问题, http://tieba.baidu.com/p/1952303003

并发了邮件给你。


已经回复了, 最近实在太忙,不能及时回复,请见谅
35 楼 xing_kenny 2012-11-07  
Dome里面,ztree\demo\cn\index.html

<TD width=770px align=left valign=top><IFRAME ID="testIframe" Name="testIframe" FRAMEBORDER=0
SCROLLING=AUTO width=100%  height=600px SRC="core/standardData.html" onload="loadReady();" ></IFRAME></TD>

此处 onload="loadReady();" 是不需要的吧?
因为上面
demoIframe = $("#testIframe");
demoIframe.bind("load", loadReady);
34 楼 nw_lvjuntao 2012-11-05  
nw_lvjuntao 写道
你好,我用的3.4,添加了双击事件,此节点没有选中的时候,直接双击没问题,但是在某个节点选中后(点击后),在双击就不作用了,请问是我使用的问题,还是框架本身有问题,谢谢

我在标题哪里加了一层标签,如下:

if (selectFlag) {
map.put("name", "<span class='select_yes'>&nbsp;&nbsp;&nbsp;&nbsp;" + map.get("name") + "</span>");
map.put("title", "(可选)" + rs.getString("fullname"));
} else {
map.put("name", "<span class='select_not'>&nbsp;&nbsp;&nbsp;&nbsp;" + map.get("name") + "</span>");
map.put("title", "(不可选)" + rs.getString("fullname"));
}




去掉我加这层标签后就没问题了,请问怎么处理?
33 楼 nw_lvjuntao 2012-11-05  
你好,我用的3.4,添加了双击事件,此节点没有选中的时候,直接双击没问题,但是在某个节点选中后(点击后),在双击就不作用了,请问是我使用的问题,还是框架本身有问题,谢谢

我在标题哪里加了一层标签,如下:

if (selectFlag) {
map.put("name", "<span class='select_yes'>&nbsp;&nbsp;&nbsp;&nbsp;" + map.get("name") + "</span>");
map.put("title", "(可选)" + rs.getString("fullname"));
} else {
map.put("name", "<span class='select_not'>&nbsp;&nbsp;&nbsp;&nbsp;" + map.get("name") + "</span>");
map.put("title", "(不可选)" + rs.getString("fullname"));
}
32 楼 nw_lvjuntao 2012-11-05  
你好,我用的3.4,添加了双击事件,此节点没有选中的时候,直接双击没问题,但是在某个节点选中后(点击后),在双击就不作用了,请问是我使用的问题,还是框架本身有问题,谢谢
31 楼 xfei6868 2012-10-30  
楼主帮忙看一下我提出的问题, http://tieba.baidu.com/p/1952303003

并发了邮件给你。
30 楼 jackyrong 2012-10-12  
zTreeAPI 写道
jackyrong 写道
HI,想问下,加入用simpledata的形式,不用json的话,
能否实现如下的结构:

attachment:"
{attachmentId:1,attachmentname:"f6e71004-8487-41f7-ac18-b6fac9860753.pdf"},

{attachmentId:2,attachmentname:"1e40868d-0d7a-41f4-8018-9c2f29ad716c.pdf"}

"

?就是一个结点中,嵌套了多个?

zTree 内部就是嵌套格式的, 提供简单数据模式主要是为了方便用户生成; 如果你直接提供嵌套格式的数据完全没有问题!!!!

只不过如果你不想使用zTree 默认的属性,请参考 setting.data.key 下面的属性定义

THX,已经顺利解决,把上面的取出来,手工转多一次为json就可以了
29 楼 zTreeAPI 2012-10-12  
jackyrong 写道
HI,想问下,加入用simpledata的形式,不用json的话,
能否实现如下的结构:

attachment:"
{attachmentId:1,attachmentname:"f6e71004-8487-41f7-ac18-b6fac9860753.pdf"},

{attachmentId:2,attachmentname:"1e40868d-0d7a-41f4-8018-9c2f29ad716c.pdf"}

"

?就是一个结点中,嵌套了多个?

zTree 内部就是嵌套格式的, 提供简单数据模式主要是为了方便用户生成; 如果你直接提供嵌套格式的数据完全没有问题!!!!

只不过如果你不想使用zTree 默认的属性,请参考 setting.data.key 下面的属性定义

相关推荐

    JQuery zTree v3.4 ztree

    JQuery zTree 是一个基于 jQuery 的插件,用于在网页中构建交互式的树形结构。v3.4 版本是其稳定且功能丰富的版本之一,适用于多种应用场景,如数据展示、导航菜单、文件目录等。它以其易用性、高效性和强大的功能...

    zTree V3.4

    zTree V3.4是一款基于JavaScript的开源树形插件,广泛应用于网页界面中的数据展示和操作,尤其适合处理层级结构的数据。它以其强大的功能、灵活的配置和友好的API接口,深受开发者喜爱。在这款压缩包中,包含了zTree...

    jQuery_zTree_v3.4

    zTree 是一个依靠 jQuery 实现的多功能 “树插件”。优异的性能、灵活的配置、多种功能的组合是 zTree 最大优点。专门适合项目开发,尤其是 树状菜单、树状数据的Web显示、权限管理等等。 zTree 是开源免费的软件...

    JQuery zTree v3.3

    JQuery zTree是一款基于JavaScript的开源树...总之,JQuery zTree v3.3是一个强大且易用的JavaScript树形插件,它通过提供多种操作功能、良好的性能以及灵活的定制选项,满足了开发者在构建网页树形结构时的各种需求。

    JQuery-zTree-v2.6.rar_Java 8_jquery tree_jquery-ztree-2.6.js_jqu

    2、在一个页面内可同时生成多个 Tree 实例 3、支持 JSON 数据 4、支持一次性静态生成 和 Ajax 异步加载 两种方式 5、支持多种事件响应及反馈 6、支持 Tree 的节点移动、编辑、删除 7、支持极其灵活的 checkbox...

    全网jquery.tree树形菜单打包下载(zTree&jquery-ui&treeview共四种)

    这个压缩包包含四个不同的jQuery树形插件:zTree、jQuery UI Treeview、jQuery UI Draggable Tree和jQuery Simple Treeview。这些插件各有特色,适用于不同的项目需求。 首先,zTree是一款功能强大的jQuery插件,...

    jQuery 树形结构插件 zTree

    **jQuery zTree 插件详解** zTree 是一个基于 jQuery 的强大树形控件,它在Web开发中被广泛应用于构建动态的、交互式的树形结构。zTree 的设计目标是提供高性能、易于配置和丰富的功能,使得开发者可以轻松地在网页...

    Jquery-ztree树形菜单代码并适应移动端

    JQuery-zTree是一款基于jQuery的树形插件,它提供了丰富的功能和良好的性能,尤其适用于构建树形结构的菜单和数据展示。在移动端应用中,zTree能够自适应屏幕尺寸,提供良好的用户体验。本项目提供的代码是针对...

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

    【标题】"archive_zTree(JQuery Tree) v3.1.zip.zip" 提供的是一个用于构建树形结构的jQuery插件——zTree的v3.1版本。zTree是一款广泛应用于网页开发中的JavaScript库,它使得在网页上展示层级关系的数据变得更加...

    JQuery zTree v2.6

    JQuery zTree是一款基于JavaScript的树形插件,其v2.6版本在功能和性能上进行了优化,为开发者提供了更强大的树形结构处理能力。这个版本的zTree不仅包含了完整的API文档,还附带了一系列经典实例,便于开发者理解和...

    JQuery实现树插件 Ztree

    JQuery实现树插件Ztree是一个广泛使用的轻量级前端组件,它为Web开发者提供了构建交互式树形结构的便捷工具。Ztree基于流行的JavaScript库JQuery,因此,如果你已经熟悉JQuery,那么掌握Ztree将相对容易。在本文中,...

    jquery.ztree.excheck.js

    是一个js,ztree实现权限管理所需的,可自行去ztree官网下载

    JQuery zTree v3.5 api

    jQuery zTree 是一款基于 jQuery 的树形插件,广泛应用于网站导航、组织结构展示、文件目录管理等多种场景。v3.5 版本是其一个重要的里程碑,它提供了丰富的功能和优化的性能,使得开发者能够更加灵活地构建树形结构...

    JQuery zTree v3.2 最新版

    Tree 感兴趣或者愿意资助 zTree 继续发展下去,可以进行捐助。 zTree v3.0 将核心代码按照功能进行了分割,不需要的代码可以不用加载 采用了 延迟加载 技术,上万节点轻松加载,即使在 IE6 下也能基本做到秒杀 兼容 ...

    JQueryTree zTree

    `JQueryTree` 和 `zTree` 是两个基于JavaScript库,尤其是jQuery框架的插件,用于实现动态、交互式的树形组件。 **JQueryTree** `JQueryTree` 是一个轻量级的jQuery插件,主要用于构建可操作的HTML5树视图。它提供...

    jquery.zTree.js.rar

    jquery-1.4.4.min.js jquery.ztree.exhide.min.js jquery.ztree.exedit.min.js jquery.ztree.excheck.min.js jquery.ztree.core.min.js jquery.ztree.all.min.js jquery-1.4.4.js jquery.ztree.exhide.js jquery....

    JQuery zTree v3.5.14

    **jQuery zTree v3.5.14** 是一个基于jQuery的树形插件,它在Web开发中广泛用于创建交互式的树形结构。这个版本3.5.14是zTree的一个稳定版本,提供了丰富的功能和优化的性能。下面我们将深入探讨zTree的核心特性、...

Global site tag (gtag.js) - Google Analytics