`
zTreeAPI
  • 浏览: 347492 次
  • 性别: 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

 

分享到:
评论
8 楼 zTreeAPI 2012-09-03  
xfreyes 写道
zTreeAPI 写道
xfreyes 写道
发现确实是isParent的原因,我在不改变后台代码的前提下,通过类似
data: {
        key: {
      name: "myname",
             }
              },

这样的设置可以实现吗?

你好,猛地一看的确没想明白,我还以为是出现了 bug, 把你的代码拿过来格式化一下就明白了, 请注意 simpleData 的位置是  setting.data.simpleData  可不是  setting.simpleData

呵呵,谢谢答复,问题已解决,不过不是这个层次的问题,这么写也可以的(我是照着你的demo写的),确实是isParent的问题,我在ajaxDataFilter方法中处理了数据,就可以了。

:) 你是要让初始化没有子节点数据的节点当做父节点吧? 那个的确是要有 isParent 属性的
7 楼 xfreyes 2012-09-03  
zTreeAPI 写道
xfreyes 写道
发现确实是isParent的原因,我在不改变后台代码的前提下,通过类似
data: {
        key: {
      name: "myname",
             }
              },

这样的设置可以实现吗?

你好,猛地一看的确没想明白,我还以为是出现了 bug, 把你的代码拿过来格式化一下就明白了, 请注意 simpleData 的位置是  setting.data.simpleData  可不是  setting.simpleData

呵呵,谢谢答复,问题已解决,不过不是这个层次的问题,这么写也可以的(我是照着你的demo写的),确实是isParent的问题,我在ajaxDataFilter方法中处理了数据,就可以了。
6 楼 zTreeAPI 2012-09-03  
xfreyes 写道
发现确实是isParent的原因,我在不改变后台代码的前提下,通过类似
data: {
        key: {
      name: "myname",
             }
              },

这样的设置可以实现吗?

你好,猛地一看的确没想明白,我还以为是出现了 bug, 把你的代码拿过来格式化一下就明白了, 请注意 simpleData 的位置是  setting.data.simpleData  可不是  setting.simpleData
5 楼 xfreyes 2012-09-03  
发现确实是isParent的原因,我在不改变后台代码的前提下,通过类似
data: {
        key: {
      name: "myname",
             }
              },

这样的设置可以实现吗?
4 楼 xfreyes 2012-09-03  
是不是把isleaf改成isParent就可以了?如果是,怎么改呢?
3 楼 xfreyes 2012-09-03  
xfreyes 写道
我用自己的格式返回json串,为什么没有显示成父子关系啊?
var setting = {
    async: {
enable: true,
url:"loadTaxAgency.do",
autoParam:["myparentid"],
dataFilter: ajaxDataFilter
},
    data: {
        key: {
      name: "myname",
             }
              },
           simpleData: {
enable: true,
idKey: "myid",
pIdKey: "myparentid",
rootPId: ""
    }
};
function ajaxDataFilter(treeId, parentNode, childNodes) {
  return childNodes.treeNodes;
};

$(document).ready(function(){
$.fn.zTree.init($("#treeDemo"), setting);
});
json:
{"treeNodes":[{"myname":"节点1","myid":"1","isleaf":0,"myparentid":"","parentname":""},{"myname":"节点

11","myid":"11","isleaf":1,"myparentid":"1",}]}

为什么两个节点都以子节点的形式出现?没有形成父子关系。
还有如果我想点击节点前的加号异步刷新其子节点该怎么写(也就是根据传回的myparentid刷新子节点),看demo没看明白,还望赐教。

代码部分是这样的,上面的没改写全,我源码中参数对应应该没有写错,我只是举个例子。不好意思,
2 楼 xfreyes 2012-09-03  
我用自己的格式返回json串,为什么没有显示成父子关系啊?
var setting = {
    async: {
enable: true,
url:"loadTaxAgency.do",
autoParam:["taxagencyid"],
dataFilter: ajaxDataFilter
},
    data: {
        key: {
      name: "myname",
             }
              },
           simpleData: {
enable: true,
idKey: "taxagencyid",
pIdKey: "parentid",
rootPId: ""
    }
};
function ajaxDataFilter(treeId, parentNode, childNodes) {
  return childNodes.treeNodes;
};

$(document).ready(function(){
$.fn.zTree.init($("#treeDemo"), setting);
});
json:
{"treeNodes":[{"myname":"节点1","myid":"1","isleaf":0,"myparentid":"","parentname":""},{"myname":"节点

11","myid":"11","isleaf":1,"myparentid":"1",}]}

为什么两个节点都以子节点的形式出现?没有形成父子关系。
还有如果我想点击节点前的加号异步刷新其子节点该怎么写(也就是根据传回的myparentid刷新子节点),看demo没看明白,还望赐教。
1 楼 sphsyv23 2012-09-03  
一直关注着。人类已经不能阻止zTree发展了。。太强大了。国人还是很牛的。

相关推荐

    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-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 zTree v3.3

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

    全网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 v3.5.47.zip

    《JQuery zTree v3.5.47:构建动态树形菜单的利器》 JQuery zTree是一款基于JavaScript的开源库,专用于构建交互式的树形菜单。在这个版本v3.5.47中,它继续提供高效、灵活且功能丰富的解决方案,尤其适用于网页中...

    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 下也能基本做到秒杀 兼容 ...

    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....

    JQueryTree zTree

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

    JQuery zTree v3.5.14

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

Global site tag (gtag.js) - Google Analytics