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

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

阅读更多

    由于国庆之后一直忙于公司的项目,因此将 zTree 闲置了1个月左右。


    这次升级继续以修正 bug 为主,这里要非常感谢各位用户的支持,这次修改的很多 bug 都是大家在使用过程中反映给我的。

 

    

    zTree 目前已经能够满足绝大部分树形需求的操作,对于一棵单纯的树来说,基本可以到此为止了。所以以后 v3.x 版本也都不会增加新功能了,但会继续保持 bug 的修正,如果你发现 zTree 的 bug 还请及时告诉我。(结束只代表着新的开始....)


    在 zTree 不断完善的过程中,更加深刻的体会到架构的重要性,而架构主要体现在代码的灵活性、扩展性 以及代码的优化,要想开发出更多更好的功能,那么我必须要首先从架构上认真思考和探索,至于下一步到底会做出个什么东西来,我自己还不能完全确定,但首先肯定还是以 树 当做我的案例,对心中这样一个架构进行尝试,希望以后可以实现一套轻松搭建各种类似于树、菜单 以及 各种 Map 的 js 控件。 如果大家有什么想法、建议,也非常欢迎与我进行沟通。


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


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


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

   * 【优化】原先的 clone 方法 (特别感谢:愚人码头)

   * 【修改】隐藏父节点后,使用 expandAll 方法导致 父节点展开的 bug

   * 【修改】使用 jQuery v1.7 以上时,设置 zTree 容器 ul 隐藏(visibility: hidden;)后, 调用 selectNode 导致 IE 浏览器报错 Can't move focus 的 bug

   * 【修改】正在异步加载时,执行 destory 或 init 方法后,异步加载的节点影响新树的 bug

   * 【修改】方法 reAsyncChildNodes 在 refresh 的时候未清空内部 cache 导致内存泄露 的 bug

   * 【修改】批量节点拖拽到其他父节点内(inner)时,导致顺序反转 的 bug

   * 【修改】对于 使用 html格式的 节点无法触发 双击事件 的 bug

   * 【修改】onCheck 回调中的 event ,保证与触发事件中的 event 一致

   * 【修改】异步加载时,在 onNodeCreated 中执行 selectNode 后,导致节点折叠的 bug

   * 【修改】API 中 dataFilter 的参数名称 childNodes ->  responseData

   * 【修改】API 中 iconSkin 的 举例内容

   * 【修改】API 中 chkDisabled 的说明

   * 【修改】Demo 中 index.html 内的 loadReady 重复绑定问题


分享到:
评论
46 楼 zTreeAPI 2014-01-13  
masquelo 写道
masquelo 写道
zTreeAPI 写道
Masque 写道
您好,我现在有这样一个需求,有4级树状,最子级是一个11列的表格状。最开始考虑到treetable或这个ztree,但是我的异步加载。最子级的数据我则是选用空格隔开。但是我发现这个ztree默认去掉了数据中所有的空格。弱我想覆盖这个去空格。该怎么去处理?
谢谢!

貌似zTree 不会给节点内容去掉中间的 空格吧。


还真的去掉了空格


我用的是java拼接的json
在firebug里面看到的还是有空格的json

你是在哪儿看到去掉空格的呢? 你看看 40楼的截图, 如果空格没了 “随意勾选 1” 这种怎么出来的?
45 楼 masquelo 2014-01-13  
masquelo 写道
zTreeAPI 写道
Masque 写道
您好,我现在有这样一个需求,有4级树状,最子级是一个11列的表格状。最开始考虑到treetable或这个ztree,但是我的异步加载。最子级的数据我则是选用空格隔开。但是我发现这个ztree默认去掉了数据中所有的空格。弱我想覆盖这个去空格。该怎么去处理?
谢谢!

貌似zTree 不会给节点内容去掉中间的 空格吧。


还真的去掉了空格


我用的是java拼接的json
在firebug里面看到的还是有空格的json
44 楼 masquelo 2014-01-13  
zTreeAPI 写道
Masque 写道
您好,我现在有这样一个需求,有4级树状,最子级是一个11列的表格状。最开始考虑到treetable或这个ztree,但是我的异步加载。最子级的数据我则是选用空格隔开。但是我发现这个ztree默认去掉了数据中所有的空格。弱我想覆盖这个去空格。该怎么去处理?
谢谢!

貌似zTree 不会给节点内容去掉中间的 空格吧。


还真的去掉了空格
43 楼 zTreeAPI 2014-01-13  
Masque 写道
您好,我现在有这样一个需求,有4级树状,最子级是一个11列的表格状。最开始考虑到treetable或这个ztree,但是我的异步加载。最子级的数据我则是选用空格隔开。但是我发现这个ztree默认去掉了数据中所有的空格。弱我想覆盖这个去空格。该怎么去处理?
谢谢!

貌似zTree 不会给节点内容去掉中间的 空格吧。
42 楼 Masque 2014-01-07  
您好,我现在有这样一个需求,有4级树状,最子级是一个11列的表格状。最开始考虑到treetable或这个ztree,但是我的异步加载。最子级的数据我则是选用空格隔开。但是我发现这个ztree默认去掉了数据中所有的空格。弱我想覆盖这个去空格。该怎么去处理?
谢谢!
41 楼 itllj 2012-12-22  
zTreeAPI 写道
itllj 写道
感谢博主的无私分享。
在开发过程中发现extjs和ztree结合使用,ztree的样式有所改变。

这个需要你检查一下css 样式了,将产生冲突的地方在 zTreeStyle.css 内补上即可

谢了
40 楼 zTreeAPI 2012-12-21  
itllj 写道
感谢博主的无私分享。
在开发过程中发现extjs和ztree结合使用,ztree的样式有所改变。

这个需要你检查一下css 样式了,将产生冲突的地方在 zTreeStyle.css 内补上即可
39 楼 itllj 2012-12-21  
感谢博主的无私分享。
在开发过程中发现extjs和ztree结合使用,ztree的样式有所改变。
38 楼 zTreeAPI 2012-12-17  
wudehui-q 写道
刚才外链图片看不到,现在更换了地址试试。

jsp父节点半勾选:

调试发现父节点的halfcheck=false


halfCheck 属性是用来强制半勾选功能的, 如果你需要判断半勾选状态请看:getCheckStatus 方法
37 楼 wudehui-q 2012-12-17  
刚才外链图片看不到,现在更换了地址试试。

jsp父节点半勾选:

调试发现父节点的halfcheck=false

36 楼 wudehui-q 2012-12-17  
楼主你好,我在使用halfcheck遇到问题了,请帮我看看究竟是什么问题?

已经引入js:
<script type="text/javascript" src="scripts/jquery/jquery-1.8.3.js"></script>
<script type="text/javascript" src="scripts/ztree/jquery.ztree.core-3.5.js"></script>
<script type="text/javascript" src="scripts/ztree/jquery.ztree.excheck-3.5.js"></script>
//ztree全局设置
var setting = {
view : {
showLine : true//显示连线
},
check: {
enable: true,//启用checkbox
chkboxType: { "Y": "s", "N": "ps" } //Y:勾选,p:关联父节点,s:关联子节点,N:取消勾选
},
callback : {//定义回调方法
onClick : zTreeOnClick //调用单击事件
}
};

jsp父节点半勾选:

调试发现父节点的halfcheck=false

请问是不是我的配置有问题?我的需求是如果父节点是半勾选就不能停止提交删除。
35 楼 zTreeAPI 2012-12-16  
jackyrong 写道
想请教下,有时在ztree中,用simple格式的时候,如果{ }中的字符串很长,其中有空格或者全角字符,尽管去掉了,但依然会报错,出不了完整的树,有什么更好的方法呢,

这个 simple 格式无关,你要保证你生成的json 格式的字符串完全正常,因为 json 是 js 基础支持的;对于 json 中字符串的对象你一定要用 双引号或单引号包起来!
34 楼 zTreeAPI 2012-12-16  
makker 写道
onNodeCreated回调函数有些小小的问题,就是在切换编辑状态的时候,会产生调用。楼主能不能分开来处理,因为现在这样会产生不确定行为,或者需要用户自己写个变量来分辨是否是切换状态产生的回调。

因为 现在切换编辑状态,其实就是让树重画了。 对于以后的结构调整可能会优化这部分,现在应该不会专门针对这个作调整了
33 楼 jackyrong 2012-12-14  
想请教下,有时在ztree中,用simple格式的时候,如果{ }中的字符串很长,其中有空格或者全角字符,尽管去掉了,但依然会报错,出不了完整的树,有什么更好的方法呢,
32 楼 makker 2012-12-13  
onNodeCreated回调函数有些小小的问题,就是在切换编辑状态的时候,会产生调用。楼主能不能分开来处理,因为现在这样会产生不确定行为,或者需要用户自己写个变量来分辨是否是切换状态产生的回调。
31 楼 zTreeAPI 2012-12-12  
tsraa 写道
异步加载支持跨域吗?

一直没有专门做这个测试,刚才看了一下,v3 版本以后对 ajax 的参数做了扩展,基本上保持与 jQuery 一直,所以只需要设置一下两个参数以后就应该可以支持啦:

setting.async.dataType:"jsonp"
setting.async.contentType:"text/html"

不过毕竟没有专门对jsonp 作支持,所以如果你不能使用jQuery 默认的 callback 名称,那就只能去修改一下 zTree 的源码了。
30 楼 tsraa 2012-12-11  
异步加载支持跨域吗?
29 楼 zTreeAPI 2012-12-04  
a_alter 写道
最近自己玩用了下zTree 就目前使用来看 一点疑问


1. node 原始 li 中的原始结构让我很难针对行级别UI进行扩展

   例如我想做一个 让<a></a> 能占据整行的设定 但是蛋疼的前面还有一个span 还都是行内元素... 我想做一个类似table没法做到

2. uploadNode

  我知道addDiyDom --- 可是你在uploadNode中并没有重新去调用该方法, 如果我的样式和node数据有关呢 ...


是有解决方法 还是需要改进

  犀利呀!
1、zTree 的结构的确不太方便做成 table ; 但如果只是让 a 占据正行可以把 span 转移到  a 内,这个可以参考Demo:http://www.ztree.me/v3/demo.php#_513

2、updateNode 方法主要是用于更新 节点自身的一些现实内容,主要是name 和 css 等; 对于你说的 addDiyDom 来说,因为是用户自定义添加的内容,而且的确也没有提供 updateDiyDom 之类的接口,所以 还请在执行updateNode 方法后,自行处理自己添加的控件内容。

这个问题我会记录下来,在今后的结构改造中我会认真考虑这个问题的,非常感谢。
28 楼 a_alter 2012-12-04  
最近自己玩用了下zTree 就目前使用来看 一点疑问


1. node 原始 li 中的原始结构让我很难针对行级别UI进行扩展

   例如我想做一个 让<a></a> 能占据整行的设定 但是蛋疼的前面还有一个span 还都是行内元素... 我想做一个类似table没法做到

2. uploadNode

  我知道addDiyDom --- 可是你在uploadNode中并没有重新去调用该方法, 如果我的样式和node数据有关呢 ...


是有解决方法 还是需要改进
27 楼 ecool 2012-12-03  
zTreeAPI 写道
ecool 写道
请问,如何实现拖动节点时,自动滚动ztree所在的div呢?

现在,我有个tree在一个固定高度的div里面,但是里面的数据很多,如果目标节点不在可见范围内,我根本没法拖动节点到该目标节点,因为拖动的时候,滚动条不会跟着滚动,结果只能在可见范围内拖动节点...

求解啊..

应该是可以在拖拽时自动滚动的呀,你可以用 Demo 测试一下,把 Demo 中的节点数量增多。

谢谢提醒,原来要加css控制
ul.ztree {width:440px;height:400px;overflow-y:scroll;overflow-x:auto;}

相关推荐

    zTree v3.5.37 API 文档

    zTree 是一款基于 jQuery 的树形插件,广泛应用于网页中的树形菜单、目录结构展示等场景。v3.5.37 版本的 API 文档是理解并有效利用 zTree 功能的关键。 **一、设置(Setting)配置详解** 在 zTree 中,`setting` ...

    JQuery zTree v3.5 api

    **jQuery zTree v3.5 API 深度解析** jQuery zTree 是一款基于 jQuery 的树形插件,广泛应用于网站导航、组织结构展示、文件目录管理等多种场景。v3.5 版本是其一个重要的里程碑,它提供了丰富的功能和优化的性能,...

    JqueryZtree v3.5整合ssh实例

    数据库:mysql(内附数据库文件,先新建同样名字的数据库,然后运行sql文件即可) ...JqueryZtree v3.5整合ssh实例,有注释,集成了tipsWindown弹出层插件,绝对原创,童叟无欺,闲暇之余做的小demo,5分绝不过分。

    JQuery zTree v3.5.rar

    **jQuery zTree v3.5 插件详解** 在网页开发中,为了更好地展示和管理层级结构的数据,jQuery zTree 是一个非常实用的插件。zTree v3.5 版本延续了其前代的优点,包括优异的性能、灵活的配置以及多种功能的结合,...

    ztree3.5中文API文档

    ztree3.5中文API文档

    JQuery zTree v3.5.47.zip

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

    jQuery_zTree v3.5

    综上所述,`jQuery zTree v3.5` 是一个强大且易用的树形插件,其异步加载、丰富的交互功能和灵活的 API 设计,使得它成为开发人员在构建树形结构界面时的首选工具。通过深入理解和实践,你可以充分利用其功能,创建...

    JQuery_zTree_v3.5.zip

    总结,jQuery zTree v3.5是一个强大且灵活的树形插件,它通过丰富的配置选项和API接口,满足了各种Web应用中的树形数据展示和操作需求。无论是在前端展示还是后端交互上,都能提供高效、便捷的解决方案。开发者可以...

    树形菜单的ztree3.5.zip

    ZTree是一款基于JavaScript实现的高性能、易用的树形菜单插件,而ZTree3.5则是其一个重要的版本。这个版本在前代的基础上进行了优化和增强,提供了更丰富的功能和更好的性能表现。 ZTree3.5的核心功能包括: 1. **...

    jquery.ztree

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

    JQuery zTree v3.5.44

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

    jQuery zTree 3.5.22

    《jQuery zTree 3.5.22:多功能树形插件详解》 在Web开发领域,jQuery zTree是一款广泛使用的、基于jQuery的开源树形插件,其最新版本为3.5.22。这款插件以其强大的功能、优秀的性能和高度的可配置性而受到开发者的...

    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 异步动态加载

    **jQuery ZTree 异步动态加载详解** 在Web开发中,数据展示往往涉及到大量信息的处理,特别是树形结构的数据。jQuery ZTree是一款强大的JavaScript组件,用于构建具有丰富交互效果的树状菜单或树形控件。在面对大...

    ztree 3.5 官网demo以及api文档

    本想0分分享的,但是下拉选项中最少是1分,没办法

    jquery ztree3.5

    在JQuery zTree v3.5.12这个特定版本中,可能包含了性能优化、bug修复以及新特性,具体更新内容可以通过查阅官方文档或发布日志来获取。 总之,jQuery zTree 3.5作为一个强大的树形插件,提供了丰富的功能和高度的...

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

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

    JQuery zTree v3.3

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

    ztree3.5版

    zTree 是一款基于 jQuery 的强大且多功能的树形插件,尤其在Web应用中用于实现树状菜单、数据展示和权限管理等方面具有广泛的应用。在3.5版本中,zTree 继续优化了性能,提供了更加灵活的配置选项,并且结合了多种...

Global site tag (gtag.js) - Google Analytics