- 浏览: 345157 次
- 性别:
- 来自: 北京
最新评论
-
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 版 发布
因最近本人工作较忙,所以 v3.2 拖了很久,还望见谅。
这次 v3.2 最主要的工作是针对 exedit 部分的调整,一方面将 addNodes、removeNode、removeChildNodes 这3个方法转移到 core 中方便大家使用,另一方面是针对拖拽进行了较大修改(主要是彻底解决一些浏览器兼容问题,提升拖拽时的流畅度、改善拖拽时的位置提示信息等),因为修改了 css ,所以升级时需要注意!
这里着重说明 css 升级的注意事项:(尤其是使用了自定义控件、自定义图标的朋友)
1、请将控件由 button 修改为 span,并且添加 className : “button”
2、在 自定义部分的 css,将 button 都修改为 span.button
3、请参考 自定义图标 Demo:http://www.baby666.cn/v3/demo.php#_106 和 自定义控件 Demo:http://www.baby666.cn/v3/demo.php#_504
另外,这次还添加了两个Demo,尤其是“异步加载模式下全部展开”,是不少朋友提过的,这次特别制作出来供大家参考。
最新版 zTree 在线操作演示:http://www.baby666.cn/v3/demo.php#_101
最新版 zTree 快速下载地址:http://code.google.com/p/jquerytree/downloads/list
下面是 v3.2 的修改记录:
* 【增加】setting.data.key.url 允许修改 treeNode.url 属性
* 【增加】getNodesByFilter(filter, isSingle) 方法
* 【增加】"与其他 DOM 拖拽互动" 的 Demo (http://www.baby666.cn/v3/demo.php#_511)
* 【增加】"异步加载模式下全部展开" 的 Demo (http://www.baby666.cn/v3/demo.php#_512)
* 【修改】代码结构,将 addNodes、removeNode、removeChildNodes 方法 和 beforeRemove、onRemove 回调 转移到 core 内
* 【修改】IE7的环境下无子节点的父节点反复展开出现多余空行的 bug
* 【修改】异步加载时,如果出现网络异常等,会导致 图标显示错误的 bug
* 【修改】dataFilter中 return null 导致异常 的 bug
* 【修改】removeChildNodes 方法清空子节点后,无法正常添加节点的 bug
* 【修改】moveNode 后节点中的自定义元素的事件丢失的 bug
* 【修改】moveNode 方法中设置 isSilent = true 时,如果移动到已展开的 父节点后,出现异常的 bug
* 【修改】onClick/onDrag/onDrop 回调中 event 不是原始 event 的 bug
* 【修改】onDrop 回调中 当拖拽无效时,无法获得 treeNodes 的 bug
* 【修改】onDrop 无法判断拖拽是 移动还是复制的问题
* 【修改】未开启异步加载模式时,拖拽节点到子节点为空的父节点内时 出现异常 的 bug
* 【修改】拖拽过程中,反复在 父节点图标上划动时,会出现停顿的 bug
* 【修改】拖拽操作时箭头 与 targetNode 背景之间的细节现实问题,便于用户拖拽时更容易区分 prev、next 和 inner 操作
* 【修改】拖拽操作时IE6/7 下 在 节点<a> 右侧 10px 内会导致 targetNode = root 的 bug
* 【修改】编辑模式下 默认的编辑按钮、删除按钮点击后,如果相应的 before 回调 return false 时会触发 onClick 回调的 bug
评论
惭愧,居然忘了onDrag & onDrop这对好兄弟
惭愧,居然忘了onDrag & onDrop这对好兄弟
这个..关键是不清楚你到底是如何使用的。 其实zTree本身就能实现一些手风琴似的菜单,比如看我的官网上 Demo 页面,左侧的菜单就是用纯 zTree 实现的。
的组合,部门来自一个数据表,岗位来自另外一个数据表,上次根据你的指点成功组合了一个“部门-岗位”树了,现在我想实现的是,在每个岗位前加上checkbox,但
每个部门前不给加checkbox,选定的时候,只能选岗位前的checkbox
,我现在设置了部门树:
chkDisabled\":true,但发现部门下的子结点,即岗位前的checkbox也变成禁用了,
请问有什么办法呢?
已解决,谢谢!
这种使用 nocheck 即可!不知是否使用的这个属性
YES,后来看到的
的组合,部门来自一个数据表,岗位来自另外一个数据表,上次根据你的指点成功组合了一个“部门-岗位”树了,现在我想实现的是,在每个岗位前加上checkbox,但
每个部门前不给加checkbox,选定的时候,只能选岗位前的checkbox
,我现在设置了部门树:
chkDisabled\":true,但发现部门下的子结点,即岗位前的checkbox也变成禁用了,
请问有什么办法呢?
已解决,谢谢!
这种使用 nocheck 即可!不知是否使用的这个属性
的组合,部门来自一个数据表,岗位来自另外一个数据表,上次根据你的指点成功组合了一个“部门-岗位”树了,现在我想实现的是,在每个岗位前加上checkbox,但
每个部门前不给加checkbox,选定的时候,只能选岗位前的checkbox
,我现在设置了部门树:
chkDisabled\":true,但发现部门下的子结点,即岗位前的checkbox也变成禁用了,
请问有什么办法呢?
已解决,谢谢!
的组合,部门来自一个数据表,岗位来自另外一个数据表,上次根据你的指点成功组合了一个“部门-岗位”树了,现在我想实现的是,在每个岗位前加上checkbox,但
每个部门前不给加checkbox,选定的时候,只能选岗位前的checkbox
,我现在设置了部门树:
chkDisabled\":true,但发现部门下的子结点,即岗位前的checkbox也变成禁用了,
请问有什么办法呢?
这两个东西之间没有什么关联呀,不应该出现这种情况的。
呵呵,在这里已经不短时间了
对于你所说的样式冲突,我想知道是因为 样式名称 相同导致的冲突吗?
如果是样式名称相同导致的冲突,希望作者能把 ztree 里的样式名称全部命名为类似:_ztree_... 这种样式的名称吧,这样一般就不会出现这种问题了。
我的tree是直接绑定在div上的(<div id="treeDemo" class="ztree"></div>),突然想起是不是绑在div上的原因,然后根据楼主提供的demo,我换成了<div><ul id="treeDemo" class="ztree"></ul></div>,然后再测试,在IE6(IE8的IE7浏览模式及IE9的IE7浏览模式下)显示都正常了。
请检查一下 css,看看是否有 外面的css 与 zTree 的css 冲突了?
没有多余的css样式,只单独引入了zTree的样式测试。我的tree是直接绑定在div上的(<div id="treeDemo" class="ztree"></div>),突然想起是不是绑在div上的原因,然后根据楼主提供的demo,我换成了<div><ul id="treeDemo" class="ztree"></ul></div>,然后再测试,在IE6(IE8的IE7浏览模式及IE9的IE7浏览模式下)显示都正常了。
对于你所说的样式冲突,我想知道是因为 样式名称 相同导致的冲突吗?
如果是样式名称相同导致的冲突,希望作者能把 ztree 里的样式名称全部命名为类似:_ztree_... 这种样式的名称吧,这样一般就不会出现这种问题了。
是这样的, css 有自己的一套优先级规则,并且 css 内容繁多,目前 zTree 已经按照 .ztree 的className 进行了样式设置,但不可能把所有可能出现的 css 都定义进来,那样 css文件就太大,太夸张了,因此目前只是用了一些基本常用的样式。
一般导致样式冲突的原因有:
1、专门针对细节做了更加详细的定义,导致 zTree 的样式失效
2、定义了某些 zTree 并未定义的样式,导致 zTree 样式异常
解决方案:
利用 chrome 的调试工具,很容易能找到是哪个样式导致的异常,针对个别情况增加 zTree 的css 样式设定,将影响 zTree 的样式覆盖即可。(一般开发项目,团队中都存在 UI 人员,他们对于 css 的问题能够非常快速准确)
对于你所说的样式冲突,我想知道是因为 样式名称 相同导致的冲突吗?
如果是样式名称相同导致的冲突,希望作者能把 ztree 里的样式名称全部命名为类似:_ztree_... 这种样式的名称吧,这样一般就不会出现这种问题了。
请检查一下 css,看看是否有 外面的css 与 zTree 的css 冲突了?
发表评论
-
JQuery Tree插件——zTree v3.5.16 版 发布
2014-03-09 20:09 33116zTree v3.5.16 发布,继续缓慢的修正 bug ... -
JQuery Tree插件——zTree v3.5.15 版 发布
2013-10-21 09:30 14108zTree v3.5.15 发布,继续 ... -
JQuery Tree插件——zTree v3.5.14 版 发布
2013-06-29 00:36 7033在 v3.5.13 中由于个人疏漏,产生了一个比较严重 ... -
JQuery Tree插件——zTree v3.5.13 版 发布
2013-06-02 21:43 6644近期由于工作繁忙,所以一直没有发布 v3.5.13 ... -
JQuery Tree插件——zTree v3.5.12 版 发布
2013-03-11 11:13 13230为了学习如何在 jQuery Plugin 发布,反 ... -
JQuery Tree插件——zTree v3.5.02 版 发布
2013-01-28 10:34 10483首先要告诉大家,在 jQuery 发布了插件注册功能 ... -
zTree v3.5 Css 详解
2012-12-24 09:37 17982zTree 的 css 文件 ... -
JQuery Tree插件——zTree v3.5.01 版 发布
2012-12-21 10:37 3755赶着天黑前,赶紧发布 v3.5 的补丁,修正目前 ... -
JQuery Tree插件——zTree v3.5 正式版 发布
2012-11-20 09:50 13930由于国庆之后一直忙于公司的项目,因此将 zTre ... -
JQuery Tree插件——zTree v3.4 正式版 发布
2012-09-03 10:55 7488这次 v3.4 主要还是修改一些细节 bug, ... -
JQuery Tree插件——zTree v3.3 正式版 发布
2012-07-16 12:54 8721这次 zTree v3.3 继续 ... -
简述如何制作 zTree v3.x 系列的扩展 js 库
2012-06-29 15:31 2992zTree v3.x 版本修改了结构,将原先混在 ... -
JS 代码调试经验总结(菜鸟必读)
2012-06-12 18:03 19934前言:不知不觉写了很多,希望你能耐心看完这篇文章 ... -
启用新域名—— zTree.me
2012-05-24 14:11 2116折腾一上午,终于启用 新域名 zTree.me 欢迎各 ... -
JQuery Tree插件——zTree v3.1 正式版 发布
2012-02-14 10:22 16916选在情人节发布 zTree v3.1,希望 zT ... -
CSS Sprites 使用注意之—— 避免因浏览器放大导致的图片异常
2012-02-02 14:34 2716近日有朋友说,将浏览器放大后,会发现 zTree 出现 ... -
IE 下 css 设置透明度造成 input 内光标异常的问题
2012-02-01 14:01 4098zTree v3.0 正式版发 ... -
zTree v2.x 升级 v3.0 之 异步加载 与 添加节点的错误分析
2012-01-13 16:34 4452(补充: 计划 v3.1 中修改进行异步加载的逻辑 ... -
JQuery Tree插件——zTree v3.0 正式版 发布
2012-01-10 09:39 6367在大家的帮助 和 关注下,今天 zTree v3 ... -
国庆前,zTree 开发推迟
2011-09-19 09:20 2621大家好,由于本人工作原因,国庆前会相当忙,因此 zTr ...
相关推荐
Tree 感兴趣或者愿意资助 zTree 继续发展下去,可以进行捐助。 zTree v3.0 将核心代码按照功能进行了分割,不需要的代码可以不用加载 采用了 延迟加载 技术,上万节点轻松加载,即使在 IE6 下也能基本做到秒杀 兼容 ...
JQuery zTree 是一个基于 jQuery 的插件,用于在网页中构建交互式的树形结构。v3.4 版本是其稳定且功能丰富的版本之一,适用于多种应用场景,如数据展示、导航菜单、文件目录等。它以其易用性、高效性和强大的功能...
JQuery zTree是一款基于JavaScript的开源树...总之,JQuery zTree v3.3是一个强大且易用的JavaScript树形插件,它通过提供多种操作功能、良好的性能以及灵活的定制选项,满足了开发者在构建网页树形结构时的各种需求。
2、在一个页面内可同时生成多个 Tree 实例 3、支持 JSON 数据 4、支持一次性静态生成 和 Ajax 异步加载 两种方式 5、支持多种事件响应及反馈 6、支持 Tree 的节点移动、编辑、删除 7、支持极其灵活的 checkbox...
这个压缩包包含四个不同的jQuery树形插件:zTree、jQuery UI Treeview、jQuery UI Draggable Tree和jQuery Simple Treeview。这些插件各有特色,适用于不同的项目需求。 首先,zTree是一款功能强大的jQuery插件,...
**jQuery zTree 插件详解** zTree 是一个基于 jQuery 的强大树形控件,它在Web开发中被广泛应用于构建动态的、交互式的树形结构。zTree 的设计目标是提供高性能、易于配置和丰富的功能,使得开发者可以轻松地在网页...
JQuery-zTree是一款基于jQuery的树形插件,它提供了丰富的功能和良好的性能,尤其适用于构建树形结构的菜单和数据展示。在移动端应用中,zTree能够自适应屏幕尺寸,提供良好的用户体验。本项目提供的代码是针对...
JQuery-zTree 的主要功能: 1、兼容 IE、FireFox、Chrome 等浏览器 2、在一个页面内可同时生成多个 Tree 实例 3、支持 JSON 数据 4、支持一次性静态生成 和 Ajax 异步加载 两种方式 5、支持多种事件响应及...
JQuery zTree是一款基于JavaScript的树形插件,其v2.6版本在功能和性能上进行了优化,为开发者提供了更强大的树形结构处理能力。这个版本的zTree不仅包含了完整的API文档,还附带了一系列经典实例,便于开发者理解和...
【标题】"archive_zTree(JQuery Tree) v3.1.zip.zip" 提供的是一个用于构建树形结构的jQuery插件——zTree的v3.1版本。zTree是一款广泛应用于网页开发中的JavaScript库,它使得在网页上展示层级关系的数据变得更加...
JQuery实现树插件Ztree是一个广泛使用的轻量级前端组件,它为Web开发者提供了构建交互式树形结构的便捷工具。Ztree基于流行的JavaScript库JQuery,因此,如果你已经熟悉JQuery,那么掌握Ztree将相对容易。在本文中,...
zTree 是一个依靠 jQuery 实现的多功能 “树插件”。优异的性能、灵活的配置、多种功能的组合是 zTree 最大优点。专门适合项目开发,尤其是 树状菜单、树状数据的Web显示、权限管理等;其中压缩包包括完整的官方文档...
jQuery zTree 是一款基于 jQuery 的树形插件,广泛应用于网站导航、组织结构展示、文件目录管理等多种场景。v3.5 版本是其一个重要的里程碑,它提供了丰富的功能和优化的性能,使得开发者能够更加灵活地构建树形结构...
zTree是一款广泛应用于Web开发中的JavaScript插件,主要用于构建交互式的树形结构界面。它具有丰富的功能和良好的可定制性,适用于实现各种树形数据的展示和操作,如文件目录、组织架构、权限管理等场景。在“zTree_...
`JQueryTree` 和 `zTree` 是两个基于JavaScript库,尤其是jQuery框架的插件,用于实现动态、交互式的树形组件。 **JQueryTree** `JQueryTree` 是一个轻量级的jQuery插件,主要用于构建可操作的HTML5树视图。它提供...
**jQuery zTree v3.5.14** 是一个基于jQuery的树形插件,它在Web开发中广泛用于创建交互式的树形结构。这个版本3.5.14是zTree的一个稳定版本,提供了丰富的功能和优化的性能。下面我们将深入探讨zTree的核心特性、...
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....