zTree v3.0 beta Bug 汇总

    v3.0 改动很大，而且计划这次 从 beta 到 正式版至少需要1-2个月的时间进行沉淀，因为这期间一方面需要修正bug、增加适当功能。同时也在努力争取正式版时推出英文版的 Demo 和 API，所以专门开篇文章，用来发布 v3.0 beta 中已经发现的 bug 和解决方案，帮助这期间遇到 bug 的朋友解决问题。

    在发布正式版之前，查看 v3.0 beta 的改动计划以及 Bug 修正都在这篇博文中进行记录。

 

[最后修改日期 2012-01-04] ---- 已进入 最后测试阶段

 

---【增加】---

1、【增加】setting.check.autoCheckTrigger 默认值 false，可以设置联动选中时是否触发 onCheck 回调函数

    制作完毕，随v3.0正式版发布

 

2、【增加】setting.callback.beforeEditName 回调函数，以保证用户可以捕获点击编辑按钮的事件

    制作完毕，随v3.0正式版发布

 

3、【增加】treeNode.checkDisable 属性，显示 checkbox 但是用户无法修改 checkbox 状态，并且该checkbox 会影响父节点的 checkbox 的半选状态

    制作 完毕，随v3.0正式版发布

 

4、【增加】setting.check.nocheckInherit 属性，用户设置子节点继承 nocheck 属性，用于批量初始化节点，不适用于已经显示的节点

    制作 完毕，随v3.0正式版发布

 

5、【增加】setting.edit.drag.autoExpandTrigger 默认值 false，可以设置自动展开、折叠操作时是否触发 onExpand 回调函数

    制作 完毕，随v3.0正式版发布

 

6、【增加】setting.view.nameIsHTML 默认值 false，允许用户对 name 设置 DOM 对象

    制作 完毕，随v3.0正式版发布

 

7、【增加】类似于Ext.tree.TreeFilter类, 可以实现树节点的过滤，隐藏不匹配过滤条件的节点

由于时间原因，此功能等正式版发布后，制作 zTree 扩展工具时一起开发。

 

8、【增加】treeNode.click 属性的说明文档！

    制作 完毕，随v3.0正式版发布

9、【增加】treeObj.setChkDisabled 方法用于设置 checkbox / radio disabled 状态

    制作完毕，随v3.0正式版发布

10、【增加】treeNode.halfCheck 属性，用于强制设定节点的半选状态

    制作完毕，随v3.0正式版发布

---【修改】---

1、【修改】异步加载 & 编辑功能 共存时，拖拽节点 或 增加节点 导致 ie 上报错的 bug （apply 方法引起）

    解决方案：将 jquery.ztree.core-3.0.js 文件中 Line 682 的 return fun.apply(zt, param);  修改为 return fun.apply(zt, param?param:[]);

 

2、【修改】zTreeStyle 样式冲突

    解决方案：将 zTreeStyle 的第 82 行 ul.zTreeDragUL 修改为  ul.ztree.zTreeDragUL，并且将该行的 overflow:auto; 修改为 overflow:hidden;

 

3、【修改】setting.data.key.title 默认值设置为 ""，初始化时自动赋值为 setting.data.key.name 这样可避免希望 title 与 name 一致的用户反复设置参数

    修正完毕，随v3.0正式版发布

 

4、【修改】点击叶子节点的连接线会触发 expand 事件的 bug

    修正完毕，随v3.0正式版发布

 

5、【修改】IE 下 点击叶子节点连线会出现虚线框的 bug

    修正完毕，随v3.0正式版发布

 

6、【修改】updateNode 导致 checkbox 半选状态错误的 bug

    解决方案：将 jquery.ztree.excheck-3.0.js 文件中 Line 470 的 if (node.nocheck !== true) { 修改为 if (node.nocheck !== true && node[childsKey] && node[childsKey].length > 0) {

     原解决方案会引起勾选关联的错误，正确解决方案：

     (1) 保留 Line 470 的 if (node.nocheck !== true) {

     (2) 将 Line 472 的 node.check_Child_State = value ? 2 : 0; 修改为 node.check_Child_State = (node[childsKey] && node[childsKey].length > 0) ? (value ? 2 : 0) : -1;

 

7、【修改】checkNode 方法实现 toggle 功能, 取消 expandAll 方法 toggle 功能

    修正完毕，随v3.0正式版发布

 

8、【修改】zTree 内鼠标移动会抢页面上 input 内的焦点的 bug

 

    解决方案：请将 jquery.ztree.core-3.0.js 中 621行 的 if (x) { 修改为  if (x && $("input:focus").length == 0) { 

    以上解决方案会导致 IE6 下编辑模式出现异常 （因此需要用 try catch 将 这个 if 段落包起来）。

 

9、【修改】beforeRename / onRename 的触发方式——即使名称内容未改变也会触发，便于用户配合 beforeEditName 捕获编辑状态的结束，赋予用户更多调整规则的权利

    修正完毕，随v3.0正式版发布

 

10、【修改】与 easyUI 共存时无法拖拽的 bug

    解决方案：请将 Line 442左右的 if (settings[s].edit.enable && settings[s].treeId != setting.treeId 替换为 if (settings[s].treeId && settings[s].edit.enable && settings[s].treeId != setting.treeId

 

11、【修改】beforeRename 在 Firefox 下如果利用 alert，会触发两次的 bug

    修正完毕，随v3.0正式版发布

    补充：重新修正了一下，beforeName如果return false，将不会强行让input 获取焦点，这样可以避免blur导致的反复验证。 同时使用editName 方法可以主动设置 input 获取焦点，便于控制

 

12、【修改】checkNode/expandNode/removeNode 方法，默认不触发回调函数，恢复 v2.6 的默认状态，同时增加 callbackFlag 参数，设置为 true 时，可以触发回调函数

    修正完毕，随v3.0正式版发布

 

13、【修改】IE9下“根据参数查找节点”的Demo 报错：行14 重新声明常量属性

    修正完毕，随v3.0正式版发布（Demo自身问题，无意间定义了变量名为 history 导致！）

 

14、【修改】初始化 zTree 时 onNodeCreated 事件回调函数中无法 用 getZTreeObj 获取 zTree 对象的 bug

    修正完毕，随v3.0正式版发布

 

15、【修改】setting.edit.drag.prev / next / inner 参数，增加被拖拽的节点集合

    修正完毕，随v3.0正式版发布

 

16、【修改】异步加载模式下，otherParam 使用 Array 数组会出错的 bug。例如： ["id", "1", "name", "test"]

   解决方案1：请先使用 JSON 数据进行设置，不要使用 Array 数组

   解决方案2：请将 core 的 js 代码中 asyncParamOther 替换为 async.otherParam 即可

 

17、【修改】FireFox 下多棵树之间无法正常拖拽的 bug

    修正完毕，随v3.0正式版发布

 

18、【修改】exedit 中调用 excheck库的方法时没有进行容错处理，导致如果只加入 exedit 而没有 excheck的时候，会出现 js 错误

    修正完毕，随v3.0正式版发布

 

19、【修改】显示 checkbox 的 zTree 在编辑模式下，移动节点不会更新父节点半选状态的 bug

    修正完毕，随v3.0正式版发布

 

20、【修改】treeNode.childs --> children; treeObject.removeChilds --> removeChildNodes; setting.data.key.childs --> children（英文不好惹的祸！抱歉了！）

    修正完毕，随v3.0正式版发布

 

21、【修改】onRemove 回调中得到的 treeNode 还可以查找 preNode、nextNode 的bug。 修正后，getPreNode 和 getNextNode 都返回 null； 为了便于查找父节点，getParentNode 仍保留

    修正完毕，随v3.0正式版发布

 

22、【修改】简单数据模式下，如果 id 与 pId 的值相同会导致该节点无法正常加载的 bug

    修正完毕，随v3.0正式版发布

 

23、【修改】移动或删除中间节点会导致最后一个节点连接线图标变小的 bug

 

    修正完毕，随v3.0正式版发布

 

评论

22 楼 frenzy917 2011-09-16  

zTreeAPI 写道

frenzy917 写道

请问 checkbox 插件 如何实现点文字和点checkbox 效果一样?

利用 beforeClick 或 onClick 事件回调函数，在里面执行 checkNode 方法即可。

这样吗?
callback : {onClick  : this.checkNode }

21 楼 zTreeAPI 2011-09-16  

frenzy917 写道

请问 checkbox 插件 如何实现点文字和点checkbox 效果一样?

利用 beforeClick 或 onClick 事件回调函数，在里面执行 checkNode 方法即可。

20 楼 frenzy917 2011-09-16  

请问 checkbox 插件 如何实现点文字和点checkbox 效果一样?

19 楼 zTreeAPI 2011-09-16  

feet8 写道

feet8 写道

treeNode的分析:
原导入生成tree的json数据为{"pjcode":"pj02","parentpos":"4_1","selfpos":"5_1","pcode":"811300293840 ","pname":"CY08-反应盘","xny":"0,0","path": "1_2_3","qty":"12"}


click事件得到treeNode 显示出来为如下:
{"pjcode":"pj02","parentpos":"4_1","selfpos":"5_1","pcode":"811300293840 ","pname":"CY08-反应盘","level":4,"tId":"treeDemo_5","parentTId":"treeDemo"}
可见,我的数据已经被处理了.能否保留多余部分的数据?

问题解决了.只是导入的treeNode的json数据被我的数据转换函数tabletojson()截了去. 与ztree无关.谢谢!

呵呵，不好意思，昨天下午开始失去网络，不过看你已经解决了！ 很不错！ 我们都需要自力更生，呵呵！

18 楼 feet8 2011-09-15  

feet8 写道

treeNode的分析:
原导入生成tree的json数据为{"pjcode":"pj02","parentpos":"4_1","selfpos":"5_1","pcode":"811300293840 ","pname":"CY08-反应盘","xny":"0,0","path": "1_2_3","qty":"12"}


click事件得到treeNode 显示出来为如下:
{"pjcode":"pj02","parentpos":"4_1","selfpos":"5_1","pcode":"811300293840 ","pname":"CY08-反应盘","level":4,"tId":"treeDemo_5","parentTId":"treeDemo"}
可见,我的数据已经被处理了.能否保留多余部分的数据?

问题解决了.只是导入的treeNode的json数据被我的数据转换函数tabletojson()截了去. 与ztree无关.谢谢!

17 楼 feet8 2011-09-15  

treeNode的分析:
原导入生成tree的json数据为{"pjcode":"pj02","parentpos":"4_1","selfpos":"5_1","pcode":"811300293840 ","pname":"CY08-反应盘","xny":"0,0","path": "1_2_3","qty":"12"}


click事件得到treeNode 显示出来为如下:
{"pjcode":"pj02","parentpos":"4_1","selfpos":"5_1","pcode":"811300293840 ","pname":"CY08-反应盘","level":4,"tId":"treeDemo_5","parentTId":"treeDemo"}
可见,我的数据已经被处理了.能否保留多余部分的数据?

16 楼 feet8 2011-09-15  

treeNode 节点数据说明
对 节点数据 没有特殊要求，用户可以根据自己的需求添加自定义属性 .如何增加?
只有treeNode.level 等.希望能像jquery的data属性 一样处理

15 楼 feet8 2011-09-15  

feet8 写道

我把我的一个html table 部分整合到demo 的standarddata.html .可以显示树形,并相当快.但中文乱码,还未知原因?求解

原因.html必须另存为utf-8格式才能正常显示

14 楼 feet8 2011-09-15  

我把我的一个html table 部分整合到demo 的standarddata.html .可以显示树形,并相当快.但中文乱码,还未知原因?求解

13 楼 warioskunk 2011-09-15  

zTreeAPI 写道

warioskunk 写道

zTreeAPI 写道

warioskunk 写道

zTreeAPI 写道

warioskunk 写道

warioskunk 写道

zTreeAPI 你好。
我把现象描述一下，您看看是不是bug。
树是异步加载。一个父节点A默认是闭合的，这时我把其他的子节点快速拖拽到这个父节点A上，报脚本错误。

补充一下，使用你的demo是没发现这个问题。可能是json数据不是数据库取出来的。所以拖拽的时候，展开的快就没这个问题（我猜的）。

请确认以下问题：
1、是否所有浏览器都出错？
2、既然Demo没问题，那么不排除你异步加载获取的数据有错误，请看看是不是数据结构错误，或者多了逗号之类的

如果以上还无法辨别错误，希望你能将你的demo以及你异步加载时生成的数据发给我看看

火狐4.0.1   谷歌12.0.742  都没有问题
IE8 下有问题

如果只是IE有问题，八成是你生成的 JSON 数据，最后一个数据的大括号后面多了一个逗号！！！请检查

这个逗号 真没有！

那就Email 吧，别盖楼了，盖下去也说不清楚，呵呵。 （将你的demo以及你异步加载时生成的数据发给我）

谢谢，这个问题按照bug第三项修改了，好使了！

12 楼 zTreeAPI 2011-09-14  

warioskunk 写道

zTreeAPI 写道

warioskunk 写道

zTreeAPI 写道

warioskunk 写道

warioskunk 写道

zTreeAPI 你好。
我把现象描述一下，您看看是不是bug。
树是异步加载。一个父节点A默认是闭合的，这时我把其他的子节点快速拖拽到这个父节点A上，报脚本错误。

补充一下，使用你的demo是没发现这个问题。可能是json数据不是数据库取出来的。所以拖拽的时候，展开的快就没这个问题（我猜的）。

请确认以下问题：
1、是否所有浏览器都出错？
2、既然Demo没问题，那么不排除你异步加载获取的数据有错误，请看看是不是数据结构错误，或者多了逗号之类的

如果以上还无法辨别错误，希望你能将你的demo以及你异步加载时生成的数据发给我看看

火狐4.0.1   谷歌12.0.742  都没有问题
IE8 下有问题

如果只是IE有问题，八成是你生成的 JSON 数据，最后一个数据的大括号后面多了一个逗号！！！请检查

这个逗号 真没有！

那就Email 吧，别盖楼了，盖下去也说不清楚，呵呵。 （将你的demo以及你异步加载时生成的数据发给我）

11 楼 warioskunk 2011-09-14  

zTreeAPI 写道

warioskunk 写道

zTreeAPI 写道

warioskunk 写道

warioskunk 写道

zTreeAPI 你好。
我把现象描述一下，您看看是不是bug。
树是异步加载。一个父节点A默认是闭合的，这时我把其他的子节点快速拖拽到这个父节点A上，报脚本错误。

补充一下，使用你的demo是没发现这个问题。可能是json数据不是数据库取出来的。所以拖拽的时候，展开的快就没这个问题（我猜的）。

请确认以下问题：
1、是否所有浏览器都出错？
2、既然Demo没问题，那么不排除你异步加载获取的数据有错误，请看看是不是数据结构错误，或者多了逗号之类的

如果以上还无法辨别错误，希望你能将你的demo以及你异步加载时生成的数据发给我看看

火狐4.0.1   谷歌12.0.742  都没有问题
IE8 下有问题

如果只是IE有问题，八成是你生成的 JSON 数据，最后一个数据的大括号后面多了一个逗号！！！请检查

这个逗号 真没有！

10 楼 warioskunk 2011-09-14  

warioskunk 写道

zTreeAPI 写道

warioskunk 写道

warioskunk 写道

zTreeAPI 你好。
我把现象描述一下，您看看是不是bug。
树是异步加载。一个父节点A默认是闭合的，这时我把其他的子节点快速拖拽到这个父节点A上，报脚本错误。

补充一下，使用你的demo是没发现这个问题。可能是json数据不是数据库取出来的。所以拖拽的时候，展开的快就没这个问题（我猜的）。

请确认以下问题：
1、是否所有浏览器都出错？
2、既然Demo没问题，那么不排除你异步加载获取的数据有错误，请看看是不是数据结构错误，或者多了逗号之类的

如果以上还无法辨别错误，希望你能将你的demo以及你异步加载时生成的数据发给我看看

火狐4.0.1   谷歌12.0.742  都没有问题
IE8 下有问题

IE8 我拖拽的时，父节点是自动展开的。如果没展开时，放鼠标，报错。如果等待父节点展开后，不会报错。

9 楼 zTreeAPI 2011-09-14  

warioskunk 写道

zTreeAPI 写道

warioskunk 写道

warioskunk 写道

zTreeAPI 你好。
我把现象描述一下，您看看是不是bug。
树是异步加载。一个父节点A默认是闭合的，这时我把其他的子节点快速拖拽到这个父节点A上，报脚本错误。

补充一下，使用你的demo是没发现这个问题。可能是json数据不是数据库取出来的。所以拖拽的时候，展开的快就没这个问题（我猜的）。

请确认以下问题：
1、是否所有浏览器都出错？
2、既然Demo没问题，那么不排除你异步加载获取的数据有错误，请看看是不是数据结构错误，或者多了逗号之类的

如果以上还无法辨别错误，希望你能将你的demo以及你异步加载时生成的数据发给我看看

火狐4.0.1   谷歌12.0.742  都没有问题
IE8 下有问题

如果只是IE有问题，八成是你生成的 JSON 数据，最后一个数据的大括号后面多了一个逗号！！！请检查

8 楼 warioskunk 2011-09-14  

zTreeAPI 写道

warioskunk 写道

warioskunk 写道

zTreeAPI 你好。
我把现象描述一下，您看看是不是bug。
树是异步加载。一个父节点A默认是闭合的，这时我把其他的子节点快速拖拽到这个父节点A上，报脚本错误。

补充一下，使用你的demo是没发现这个问题。可能是json数据不是数据库取出来的。所以拖拽的时候，展开的快就没这个问题（我猜的）。

请确认以下问题：
1、是否所有浏览器都出错？
2、既然Demo没问题，那么不排除你异步加载获取的数据有错误，请看看是不是数据结构错误，或者多了逗号之类的

如果以上还无法辨别错误，希望你能将你的demo以及你异步加载时生成的数据发给我看看

火狐4.0.1   谷歌12.0.742  都没有问题
IE8 下有问题

7 楼 zTreeAPI 2011-09-14  

warioskunk 写道

warioskunk 写道

zTreeAPI 你好。
我把现象描述一下，您看看是不是bug。
树是异步加载。一个父节点A默认是闭合的，这时我把其他的子节点快速拖拽到这个父节点A上，报脚本错误。

补充一下，使用你的demo是没发现这个问题。可能是json数据不是数据库取出来的。所以拖拽的时候，展开的快就没这个问题（我猜的）。

请确认以下问题：
1、是否所有浏览器都出错？
2、既然Demo没问题，那么不排除你异步加载获取的数据有错误，请看看是不是数据结构错误，或者多了逗号之类的

如果以上还无法辨别错误，希望你能将你的demo以及你异步加载时生成的数据发给我看看

6 楼 warioskunk 2011-09-14  

warioskunk 写道

zTreeAPI 你好。
我把现象描述一下，您看看是不是bug。
树是异步加载。一个父节点A默认是闭合的，这时我把其他的子节点快速拖拽到这个父节点A上，报脚本错误。

补充一下，使用你的demo是没发现这个问题。可能是json数据不是数据库取出来的。所以拖拽的时候，展开的快就没这个问题（我猜的）。

5 楼 warioskunk 2011-09-14  

zTreeAPI 你好。
我把现象描述一下，您看看是不是bug。
树是异步加载。一个父节点A默认是闭合的，这时我把其他的子节点快速拖拽到这个父节点A上，报脚本错误。

4 楼 zTreeAPI 2011-09-14  

longlob1 写道

这两天看了一下这棵树，真是强大呀，博主真是费了不少功夫，在深表敬意。不过我在使用过程中发现了一个我想要的功能没有：
当我设置：showIcon: false时，其实我还想在某一个节点上设置图标，这时无法实现，要实现只有设为true后一个一个单独设置，这样有点累。

这算是一个新feature吧，不知博主愿不愿意加上这个 new feature

朋友，你少看了！ showIcon可以指定到一个 function，那样就可以针对任意节点设置是否显示图标的哦！

3 楼 longlob1 2011-09-14  

这两天看了一下这棵树，真是强大呀，博主真是费了不少功夫，在深表敬意。不过我在使用过程中发现了一个我想要的功能没有：
当我设置：showIcon: false时，其实我还想在某一个节点上设置图标，这时无法实现，要实现只有设为true后一个一个单独设置，这样有点累。

这算是一个新feature吧，不知博主愿不愿意加上这个 new feature