? ? 因最近本人工作较忙,所以 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
请检查一下 css,看看是否有 外面的css 与 zTree 的css 冲突了?
对于你所说的样式冲突,我想知道是因为 样式名称 相同导致的冲突吗?
如果是样式名称相同导致的冲突,希望作者能把 ztree 里的样式名称全部命名为类似:_ztree_... 这种样式的名称吧,这样一般就不会出现这种问题了。
对于你所说的样式冲突,我想知道是因为 样式名称 相同导致的冲突吗?
如果是样式名称相同导致的冲突,希望作者能把 ztree 里的样式名称全部命名为类似:_ztree_... 这种样式的名称吧,这样一般就不会出现这种问题了。
是这样的, css 有自己的一套优先级规则,并且 css 内容繁多,目前 zTree 已经按照 .ztree 的className 进行了样式设置,但不可能把所有可能出现的 css 都定义进来,那样 css文件就太大,太夸张了,因此目前只是用了一些基本常用的样式。
一般导致样式冲突的原因有:
1、专门针对细节做了更加详细的定义,导致 zTree 的样式失效
2、定义了某些 zTree 并未定义的样式,导致 zTree 样式异常
解决方案:
利用 chrome 的调试工具,很容易能找到是哪个样式导致的异常,针对个别情况增加 zTree 的css 样式设定,将影响 zTree 的样式覆盖即可。(一般开发项目,团队中都存在 UI 人员,他们对于 css 的问题能够非常快速准确)
请检查一下 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_... 这种样式的名称吧,这样一般就不会出现这种问题了。
我的tree是直接绑定在div上的(<div id="treeDemo" class="ztree"></div>),突然想起是不是绑在div上的原因,然后根据楼主提供的demo,我换成了<div><ul id="treeDemo" class="ztree"></ul></div>,然后再测试,在IE6(IE8的IE7浏览模式及IE9的IE7浏览模式下)显示都正常了。
呵呵,在这里已经不短时间了
这两个东西之间没有什么关联呀,不应该出现这种情况的。
的组合,部门来自一个数据表,岗位来自另外一个数据表,上次根据你的指点成功组合了一个“部门-岗位”树了,现在我想实现的是,在每个岗位前加上checkbox,但
每个部门前不给加checkbox,选定的时候,只能选岗位前的checkbox
,我现在设置了部门树:
chkDisabled\":true,但发现部门下的子结点,即岗位前的checkbox也变成禁用了,
请问有什么办法呢?
的组合,部门来自一个数据表,岗位来自另外一个数据表,上次根据你的指点成功组合了一个“部门-岗位”树了,现在我想实现的是,在每个岗位前加上checkbox,但
每个部门前不给加checkbox,选定的时候,只能选岗位前的checkbox
,我现在设置了部门树:
chkDisabled\":true,但发现部门下的子结点,即岗位前的checkbox也变成禁用了,
请问有什么办法呢?
已解决,谢谢!
的组合,部门来自一个数据表,岗位来自另外一个数据表,上次根据你的指点成功组合了一个“部门-岗位”树了,现在我想实现的是,在每个岗位前加上checkbox,但
每个部门前不给加checkbox,选定的时候,只能选岗位前的checkbox
,我现在设置了部门树:
chkDisabled\":true,但发现部门下的子结点,即岗位前的checkbox也变成禁用了,
请问有什么办法呢?
已解决,谢谢!
这种使用 nocheck 即可!不知是否使用的这个属性
的组合,部门来自一个数据表,岗位来自另外一个数据表,上次根据你的指点成功组合了一个“部门-岗位”树了,现在我想实现的是,在每个岗位前加上checkbox,但
每个部门前不给加checkbox,选定的时候,只能选岗位前的checkbox
,我现在设置了部门树:
chkDisabled\":true,但发现部门下的子结点,即岗位前的checkbox也变成禁用了,
请问有什么办法呢?
已解决,谢谢!
这种使用 nocheck 即可!不知是否使用的这个属性
YES,后来看到的
这个..关键是不清楚你到底是如何使用的。 其实zTree本身就能实现一些手风琴似的菜单,比如看我的官网上 Demo 页面,左侧的菜单就是用纯 zTree 实现的。