- 浏览: 347958 次
- 性别:
- 来自: 北京
-
最新评论
-
javabro:
求告知,ztree中自己在点onclick () 通过获取tI ...
本人从今以后不再维护这里的博客, 只在 开源中国 进行发布 -
sinoyang:
使用的时候发现与bootstrap冲突了,蛋疼死了,改哪个都不 ...
JQuery Tree插件——zTree v3.5.16 版 发布 -
clear_yang:
jquery.ztree.excheck.min.js:15 ...
JQuery Tree插件——zTree v3.5.02 版 发布 -
路人NFTS:
请教个问题,ztree 支持异步加载的扩展么? 因为跨域,IE ...
JQuery Tree插件——zTree v3.5.16 版 发布 -
kainever7:
页面初始化时,通过<iframe src=". ...
JQuery Tree插件——zTree v3.5.16 版 发布

这次 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 节点数据的属性更加合理,并且增加了一些方法
* 【修正】拖拽操作更加灵活方便,更容易制定自己的规则
评论
50 楼
zTreeAPI
2011-12-23
Tracyer 写道
您好,用了你的ztree,感觉好棒,可是有一点, 我们现在有个需求,就是模糊搜索某个节点后,要求把其它的节点都隐藏或者删除也行,点加载或者刷新又可以展开,最好是隐藏,只显示,匹配结果的的节点和该节点的父节点......但是我看了你的源码,不知道该如何修改,请教一下,急用.....
你好,非常抱歉,目前没有隐藏功能。 你可以直接利用jQuery操作DOM,强行隐藏。
至于找到节点的DOM也很简单, 节点 li 的 id就是节点数据中 tId 的值。 你利用 getNodesByParamFuzzy 可以实现模糊搜索的功能,然后就可以自己强行设置节点隐藏了。
49 楼
Tracyer
2011-12-23
您好,用了你的ztree,感觉好棒,可是有一点, 我们现在有个需求,就是模糊搜索某个节点后,要求把其它的节点都隐藏或者删除也行,点加载或者刷新又可以展开,最好是隐藏,只显示,匹配结果的的节点和该节点的父节点......但是我看了你的源码,不知道该如何修改,请教一下,急用.....
48 楼
zTreeAPI
2011-12-16
kkgoing 写道
发现个bug啊:simpleData: {enable: false,
idKey: "id",
pIdKey: "pId",
rootPId: 0
}
enable设置成true以后,右键添加子节点不能显示;设置成false后就可以了。求解!
idKey: "id",
pIdKey: "pId",
rootPId: 0
}
enable设置成true以后,右键添加子节点不能显示;设置成false后就可以了。求解!
呵呵,不是bug,是右键菜单的Demo过于简陋,使用的是标准的数据,如果你使用简单数据模式,那么添加新节点时请注意生成相应的 id pId 属性即可!
47 楼
kkgoing
2011-12-15
发现个bug啊:simpleData: {enable: false,
idKey: "id",
pIdKey: "pId",
rootPId: 0
}
enable设置成true以后,右键添加子节点不能显示;设置成false后就可以了。求解!
idKey: "id",
pIdKey: "pId",
rootPId: 0
}
enable设置成true以后,右键添加子节点不能显示;设置成false后就可以了。求解!
46 楼
zTreeAPI
2011-12-14
kkgoing 写道
zTree3.0 高级增删改的“增、删”方法的实现到底是哪个?比如:点击中间的那个重命名图标,调用的是哪个函数啊?我想用右键功能实现“重命名”,应该调用什么函数呢?
在贴吧上已经给你回复。 另外请你不要一个问题到处都发,这样只会耽误我的时间。 只要我有空来回复的时候, 这几个地方我都会去看,你只需要选择一个地方发出来即可! 谢谢配合。
45 楼
kkgoing
2011-12-13
zTree3.0 高级增删改的“增、删”方法的实现到底是哪个?比如:点击中间的那个重命名图标,调用的是哪个函数啊?我想用右键功能实现“重命名”,应该调用什么函数呢?
44 楼
zTreeAPI
2011-12-07
yangyang8599 写道
大侠,给个建议:
你的treeNode很多字段和mssql里面的关键字是冲突的,建议修改为都能够映射比较多。
我看你的文档里能够映射的有
key:{
childs:"children",
name:"name"
.....
}
可是checked、nochecked、open似乎都不能映射,数据库操作中ORM映射需要转换太麻烦了。
你的treeNode很多字段和mssql里面的关键字是冲突的,建议修改为都能够映射比较多。
我看你的文档里能够映射的有
key:{
childs:"children",
name:"name"
.....
}
可是checked、nochecked、open似乎都不能映射,数据库操作中ORM映射需要转换太麻烦了。

感谢。。。当初做映射也是因为冲突,不过checked是可以映射的。 其余的貌似也没有和 mysql关键字冲突了吧??
43 楼
yangyang8599
2011-12-07
大侠,给个建议:
你的treeNode很多字段和mssql里面的关键字是冲突的,建议修改为都能够映射比较多。
我看你的文档里能够映射的有
key:{
childs:"children",
name:"name"
.....
}
可是checked、nochecked、open似乎都不能映射,数据库操作中ORM映射需要转换太麻烦了。
你的treeNode很多字段和mssql里面的关键字是冲突的,建议修改为都能够映射比较多。
我看你的文档里能够映射的有
key:{
childs:"children",
name:"name"
.....
}
可是checked、nochecked、open似乎都不能映射,数据库操作中ORM映射需要转换太麻烦了。

42 楼
zTreeAPI
2011-11-29
Old_Yang 写道
楼主,首先谢谢你的分享。我想问下怎么触发节点的onclick事件,比如<input type="button" onclick="xxx()" id="btn"/>,可以执行$("#btn").click(),相当于用户触发了onclick事件??
请看 setting.callback.onClick
41 楼
Old_Yang
2011-11-28
楼主,首先谢谢你的分享。我想问下怎么触发节点的onclick事件,比如<input type="button" onclick="xxx()" id="btn"/>,可以执行$("#btn").click(),相当于用户触发了onclick事件??
40 楼
zTreeAPI
2011-11-23
path123 写道
LZ,支不支扶持IE9?
原则上应该是支持的,如果发现有不兼容的问题请告诉我,谢谢
39 楼
path123
2011-11-23
LZ,支不支扶持IE9?
38 楼
zTreeAPI
2011-11-21
hautbbs 写道
整体效果是不错的,但是这样的配置和语法,让人很郁闷啊!
呵呵,请说一下让你不郁闷的配置和语法,谢谢。
37 楼
zTreeAPI
2011-11-21
suliuyes 写道
楼主,实际应用基本上所有东西都是数据库来控制。所以我对节点进行的增删改,肯定都要提交到数据库的。删和修改没什么问题。 但是增加节点,貌似没找到对应的事件,只有一个onNodeCreated,这个方法在一开始初始化的时候也会触发(初始化我的菜单必须是全部展开的),而且还默认已经加好了一个new node。有没有办法,点击增加节点的时候,由我自己来控制做什么吗?
你好,删除、修改都是在zTree上操作后进行的,所以要有事件回调。但增加节点都是用户手动利用 addNodes,所以你是知道何时新增节点的,完全不需要再触发事件浪费资源。
36 楼
hautbbs
2011-11-18
整体效果是不错的,但是这样的配置和语法,让人很郁闷啊!
35 楼
suliuyes
2011-11-18
楼主,实际应用基本上所有东西都是数据库来控制。所以我对节点进行的增删改,肯定都要提交到数据库的。删和修改没什么问题。 但是增加节点,貌似没找到对应的事件,只有一个onNodeCreated,这个方法在一开始初始化的时候也会触发(初始化我的菜单必须是全部展开的),而且还默认已经加好了一个new node。有没有办法,点击增加节点的时候,由我自己来控制做什么吗?
34 楼
zTreeAPI
2011-11-16
yaodian 写道
请教下~
能把id的值处理后提交吗??就是参数在提交前需要预处理。。比如id是‘a_2’,提交前需要把‘a_’去掉。现在想到一种方法是提交前通过beforeAsync把id改掉。。之后再通过dataFilter把id改回来。。。虽然只多了一行代码。。。但还是想问下。。。有办法直接改要提交的数据吗?~~谢谢~ ^_^
async: { enable: true, url: "http://host/getNode.php", autoParam: ["id"] }
能把id的值处理后提交吗??就是参数在提交前需要预处理。。比如id是‘a_2’,提交前需要把‘a_’去掉。现在想到一种方法是提交前通过beforeAsync把id改掉。。之后再通过dataFilter把id改回来。。。虽然只多了一行代码。。。但还是想问下。。。有办法直接改要提交的数据吗?~~谢谢~ ^_^
你好,没有提交数据前预处理参数的现成方法,但不知道你的实际用途,为何不做两个属性一个是id:"a_2", 另一个是idx:"2", 这样设置传递 idx不就可以了吗?
33 楼
yaodian
2011-11-12
请教下~
能把id的值处理后提交吗??就是参数在提交前需要预处理。。比如id是‘a_2’,提交前需要把‘a_’去掉。现在想到一种方法是提交前通过beforeAsync把id改掉。。之后再通过dataFilter把id改回来。。。虽然只多了一行代码。。。但还是想问下。。。有办法直接改要提交的数据吗?~~谢谢~ ^_^
async: { enable: true, url: "http://host/getNode.php", autoParam: ["id"] }
能把id的值处理后提交吗??就是参数在提交前需要预处理。。比如id是‘a_2’,提交前需要把‘a_’去掉。现在想到一种方法是提交前通过beforeAsync把id改掉。。之后再通过dataFilter把id改回来。。。虽然只多了一行代码。。。但还是想问下。。。有办法直接改要提交的数据吗?~~谢谢~ ^_^
32 楼
zTreeAPI
2011-11-12
zhouyi05404 写道
zTreeAPI 写道
zhouyi05404 写道
怎么我的zNodes中的url写了链接地址怎么没有效果呢?
var zNodes =[{ id:"1", pId:0, name:"Root", url:"http://www.iteye.com", target :"_self"}
];
var zNodes =[{ id:"1", pId:0, name:"Root", url:"http://www.iteye.com", target :"_self"}
];
是不是编辑模式下? 如果设置了编辑模式,那么url属性的超链接会无效。 请利用 onClick事件回调函数自行控制
谢谢你的提示
是编辑模式,但是我既要实现树的拖拽,又要url属性的超链接有效,不利用onClick事件回调函数自行控制,应该怎么做呢?
OMG! 又要编辑,又要让url生效,又不要利用onClick事件回调函数。。。那你修改zTree 的源代码吧,把那个判断是edit模式时,取消url的功能修改一下,但我觉得可能会对编辑按钮的点击操作影响,你可以试试看。 个人建议还是利用onClick吧,还是挺方便的,只需要2行代码左右就能搞定
31 楼
zhouyi05404
2011-11-09
zTreeAPI 写道
zhouyi05404 写道
怎么我的zNodes中的url写了链接地址怎么没有效果呢?
var zNodes =[{ id:"1", pId:0, name:"Root", url:"http://www.iteye.com", target :"_self"}
];
var zNodes =[{ id:"1", pId:0, name:"Root", url:"http://www.iteye.com", target :"_self"}
];
是不是编辑模式下? 如果设置了编辑模式,那么url属性的超链接会无效。 请利用 onClick事件回调函数自行控制
谢谢你的提示
是编辑模式,但是我既要实现树的拖拽,又要url属性的超链接有效,不利用onClick事件回调函数自行控制,应该怎么做呢?
发表评论
-
JQuery Tree插件——zTree v3.5.16 版 发布
2014-03-09 20:09 33219zTree v3.5.16 发布,继续缓慢的修正 bug ... -
JQuery Tree插件——zTree v3.5.15 版 发布
2013-10-21 09:30 14135zTree v3.5.15 发布,继续 ... -
JQuery Tree插件——zTree v3.5.14 版 发布
2013-06-29 00:36 7058在 v3.5.13 中由于个人疏漏,产生了一个比较严重 ... -
JQuery Tree插件——zTree v3.5.13 版 发布
2013-06-02 21:43 6690近期由于工作繁忙,所以一直没有发布 v3.5.13 ... -
JQuery Tree插件——zTree v3.5.12 版 发布
2013-03-11 11:13 13293为了学习如何在 jQuery Plugin 发布,反 ... -
JQuery Tree插件——zTree v3.5.02 版 发布
2013-01-28 10:34 10537首先要告诉大家,在 jQuery 发布了插件注册功能 ... -
zTree v3.5 Css 详解
2012-12-24 09:37 18111zTree 的 css 文件 ... -
JQuery Tree插件——zTree v3.5.01 版 发布
2012-12-21 10:37 3803赶着天黑前,赶紧发布 v3.5 的补丁,修正目前 ... -
JQuery Tree插件——zTree v3.5 正式版 发布
2012-11-20 09:50 14153由于国庆之后一直忙于公司的项目,因此将 zTre ... -
JQuery Tree插件——zTree v3.4 正式版 发布
2012-09-03 10:55 7528这次 v3.4 主要还是修改一些细节 bug, ... -
JQuery Tree插件——zTree v3.3 正式版 发布
2012-07-16 12:54 8879这次 zTree v3.3 继续 ... -
简述如何制作 zTree v3.x 系列的扩展 js 库
2012-06-29 15:31 3054zTree v3.x 版本修改了结构,将原先混在 ... -
JS 代码调试经验总结(菜鸟必读)
2012-06-12 18:03 20003前言:不知不觉写了很多,希望你能耐心看完这篇文章 ... -
启用新域名—— zTree.me
2012-05-24 14:11 2144折腾一上午,终于启用 新域名 zTree.me 欢迎各 ... -
JQuery Tree插件——zTree v3.2 正式版 发布
2012-05-14 13:53 7020因最近本人工作较忙,所以 v3.2 拖了很久,还 ... -
JQuery Tree插件——zTree v3.1 正式版 发布
2012-02-14 10:22 17077选在情人节发布 zTree v3.1,希望 zT ... -
CSS Sprites 使用注意之—— 避免因浏览器放大导致的图片异常
2012-02-02 14:34 2745近日有朋友说,将浏览器放大后,会发现 zTree 出现 ... -
IE 下 css 设置透明度造成 input 内光标异常的问题
2012-02-01 14:01 4116zTree v3.0 正式版发 ... -
zTree v2.x 升级 v3.0 之 异步加载 与 添加节点的错误分析
2012-01-13 16:34 4474(补充: 计划 v3.1 中修改进行异步加载的逻辑 ... -
JQuery Tree插件——zTree v3.0 正式版 发布
2012-01-10 09:39 6451在大家的帮助 和 关注下,今天 zTree v3 ...
相关推荐
zTree 是利用 JQuery 的核心代码,实现一套能完成大部分常用功能的 Tree 插件。它与 IE、FireFox、Chrome 等浏览器保持兼容,在一个页面内可同时生成多个Tree 实例,支持一次性静态生成和Ajax 异步加载两种方式,...
zTree v3.0 正式版在功能、性能方便比 v2.x 版本都有了很多改善,尤其是性能方面。 但还要再提提醒大家,v3.0 在代码架构上的改动较大,所以升级 v2.x 版本的 zTree 必须要配合修改代码,不能仅仅升级 js 文件。
2、在一个页面内可同时生成多个 Tree 实例 3、支持 JSON 数据 4、支持一次性静态生成 和 Ajax 异步加载 两种方式 5、支持多种事件响应及反馈 6、支持 Tree 的节点移动、编辑、删除 7、支持极其灵活的 checkbox...
**jQuery zTree v2.6 Beta 知识点详解** jQuery zTree 是一个基于 jQuery 的开源项目,专门用于实现交互式树形菜单。在 v2.6 beta 版本中,它提供了丰富的功能和优化,使得在网页开发中构建动态、可操作的树形结构...
JQuery zTree 是一个基于 jQuery 的插件,用于在网页中构建交互式的树形结构。v3.4 版本是其稳定且功能丰富的版本之一,适用于多种应用场景,如数据展示、导航菜单、文件目录等。它以其易用性、高效性和强大的功能...
JQuery zTree是一款基于JavaScript的开源树...总之,JQuery zTree v3.3是一个强大且易用的JavaScript树形插件,它通过提供多种操作功能、良好的性能以及灵活的定制选项,满足了开发者在构建网页树形结构时的各种需求。
zTree v3.0 将核心代码按照功能进行了分割,不需要的代码可以不用加载 采用了 延迟加载 技术,上万节点轻松加载,即使在 IE6 下也能基本做到秒杀 兼容 IE、FireFox、Chrome、Opera、Safari 等浏览器 支持 JSON 数据 ...
**zTree 3.0 实例详解** zTree是一款基于JavaScript的树形插件,广泛应用于网页中的数据展示,如文件目录、组织架构等场景...因此,下载并深入研究zTree 3.0的实例对于任何想要使用此插件的开发者来说都是至关重要的。
JQuery-zTree是一款基于jQuery的树形插件,它提供了丰富的功能和良好的性能,尤其适用于构建树形结构的菜单和数据展示。在移动端应用中,zTree能够自适应屏幕尺寸,提供良好的用户体验。本项目提供的代码是针对...
这个压缩包包含四个不同的jQuery树形插件:zTree、jQuery UI Treeview、jQuery UI Draggable Tree和jQuery Simple Treeview。这些插件各有特色,适用于不同的项目需求。 首先,zTree是一款功能强大的jQuery插件,...
**jQuery zTree 插件详解** zTree 是一个基于 jQuery 的强大树形控件,它在Web开发中被广泛应用于构建动态的、交互式的树形结构。zTree 的设计目标是提供高性能、易于配置和丰富的功能,使得开发者可以轻松地在网页...
JQuery实现树插件Ztree是一个广泛使用的轻量级前端组件,它为Web开发者提供了构建交互式树形结构的便捷工具。Ztree基于流行的JavaScript库JQuery,因此,如果你已经熟悉JQuery,那么掌握Ztree将相对容易。在本文中,...
《JQuery zTree v3.5.47:构建动态树形菜单的利器》 JQuery zTree是一款基于JavaScript的开源库,专用于构建交互式的树形菜单。在这个版本v3.5.47中,它继续提供高效、灵活且功能丰富的解决方案,尤其适用于网页中...
JQuery zTree是一款基于JavaScript的树形插件,其v2.6版本在功能和性能上进行了优化,为开发者提供了更强大的树形结构处理能力。这个版本的zTree不仅包含了完整的API文档,还附带了一系列经典实例,便于开发者理解和...
【标题】"archive_zTree(JQuery Tree) v3.1.zip.zip" 提供的是一个用于构建树形结构的jQuery插件——zTree的v3.1版本。zTree是一款广泛应用于网页开发中的JavaScript库,它使得在网页上展示层级关系的数据变得更加...
jQuery zTree 是一款基于 jQuery 的树形插件,广泛应用于网站导航、组织结构展示、文件目录管理等多种场景。v3.5 版本是其一个重要的里程碑,它提供了丰富的功能和优化的性能,使得开发者能够更加灵活地构建树形结构...
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` 是两个基于JavaScript库,尤其是jQuery框架的插件,用于实现动态、交互式的树形组件。 **JQueryTree** `JQueryTree` 是一个轻量级的jQuery插件,主要用于构建可操作的HTML5树视图。它提供...
而zTree是一款基于jQuery的树插件,它提供了丰富的配置选项和API,使得开发者能够方便地实现各种树形结构的展示和交互功能,特别是用户选择特效。本文将深入探讨如何利用jQuery和zTree来实现用户选择特效。 一、...