JQuery Tree插件——zTree v3.5.16 版 发布

zTree v3.5.16 发布，继续缓慢的修正 bug

 

google code 已经无法上传下载包，请使用 Github 或 开源中国的 Git。

GitHub：https://github.com/zTree/zTree_v3   

开源中国Git：https://git.oschina.net/zTree/zTree_v3

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

 

 

下面是 v3.5.16 的修改记录：

 

   * 【增加】onDragMove 回调，便于控制 zTree 节点与其他 DOM 的拖拽操作。（感谢 yumi301）

   * 【增加】针对 Mac 系统 Cmd 键的支持， Cmd 键 + 左键 也可以多选节点

 

   * 【修改】使用 destory 方法销毁树以后，依然可以从 getZTreeObj 方法中获取到 zTree 对象的 bug。

   * 【修改】onCheck 回调的 event，恢复为 zTree 自身的 event 事件，同时利用 srcEvent 传递原始 event 对象。（感谢 yumi301）

   * 【修改】拖拽多个节点时，超出 maxShowNodeNum 设置个数的节点会失去 被选择状态的 bug

   * 【修改】excheck & exedit 扩展包的 zTree 方法中 setting 数据错误导致 checkNode、updateNode 等方法操作 radio 失效的 bug

   * 【修改】不加载 exedit 扩展包时，使用 removeNode 方法无法触发 beforeRemove 和 onRemove 回调的 bug

 

评论

10 楼 zTreeAPI 2014-03-24  

chenhua0725 写道

请问从后台查询出ID，然后让Ztree根据ID显示勾选状态，这个怎实现呢？

getNodeByParam 的方法可以获取节点数据， checkNode 可以勾选节点

9 楼 zTreeAPI 2014-03-24  

return node.status == 0 ? {color:"red"} : {};
这个有问题， 0 的时候 设置 color 为 red  但 非0 的时候是什么都不设置，当然 保持红色了， 至少要尝试一下 color: ''  这个来取消 color 的设置呀

8 楼 chenhua0725 2014-03-21  

请问从后台查询出ID，然后让Ztree根据ID显示勾选状态，这个怎实现呢？

7 楼 liang_sky_fly 2014-03-18  

请问下，一棵树的setting设置如下：
var setting = {
view: {
fontCss: getFont,
nameIsHTML: true
}
};

function getFont(treeId, node) {
return node.status == 0 ? {color:"red"} : {};
}
其中node.status为我自定义的属性（表示节点状态）；
但是，我想增加一个自定义按钮，当点击这个按钮时，将按钮所在的节点的状态改变掉，并将字体颜色修改为原来默认的颜色。

我用了
方法一：
node.status = 1; // node为当前按钮所在的节点对象；
var treeObj = $.fn.zTree.getZTreeObj("tree");
treeObj.updateNode(node);

但是，节点的颜色并没有改变掉。

方法二：
node.status = 1; // node为当前按钮所在的节点对象；
var treeObj = $.fn.zTree.getZTreeObj("tree");
treeObj.refresh();

节点的颜色修改为了原来默认的颜色。

虽然，方法二解决了我的问题；但是，在您写的API中，却不建议用treeObj.refresh();方法；
而且，我觉得treeObj.refresh();肯定是刷新整棵树的，所以，肯定会影响页面性能的；
所以，我想请教一下，是否还有别的好的方法，谢谢！

6 楼 liang_sky_fly 2014-03-12  

zTreeAPI 写道

liang_sky_fly 写道

请问下，我现有两棵树A和B，在树A中，有1,2,3三个节点，在树B中，没有任何节点。
我现在将树A中的2节点拖拽到树B中。然后将树B中的2节点再次拖回到树A中，我想限制用户将2节点拖到原来在树A中2节点的位置，也就是1节点和3节点的中间；

也就是，多棵树操作时，当一个节点拖到另一棵树后，在拖回到原来的树中时，怎样防止用户再次拖回到原来树中的相同的位置？

有没有什么好的思路？
谢谢！

这个你必须要对节点做原位置的数据保存，然后利用 setting.edit.drag.prev/inner/next等进行判断，就可以直接禁止拖拽到对应位置了。 但你这个我觉得有点儿问题，就是如果 原树中，还允许自己内部的节点改变顺序怎么办？ 另外一种情况 比如有5个节点 12345， 当把 234 都移动到了B树上之后， 3是否还能移动回 1、5 之间？ 这些细节的 需求你必须要想清楚，确定自己的操作逻辑，才能把这个问题很好的实现起来

我觉得原树中改变顺序，应该可以吧！
例如：1，2，3，我将2移动到B树中，我限制2不能移动到1和3中，但是还是可以移动到1前面，和3后面的啊！

另外，我这边的原始需求，其实是用来维护菜单的，我的思路是：
A树中加载出系统中所有的菜单，可以先将要修改顺序的菜单，移动到B树中，然后，在根据需求，将B树中移出来的菜单项一一移动到A树中自己想要的位置中。然后，再将移动好的A树中的菜单按排列顺序保存到数据库中；
其中有一个问题：
1.当将A树中的节点拖拽到B树中时，我要记录下拖出来的节点，然后，当重新移动到A树中指定位置时，我就将这部分节点的顺序更新到数据库中的菜单表中；
这样，就引出了我之前提出的问题了，如果又移动回到原来的位置，那我还要将刚才记录下拖出来的节点按顺序保存到数据库中。但是，这其实是不需要的，做的是无用功。所以，我也才有了上面的想法。

5 楼 zTreeAPI 2014-03-12  

liang_sky_fly 写道

请问下，我现有两棵树A和B，在树A中，有1,2,3三个节点，在树B中，没有任何节点。
我现在将树A中的2节点拖拽到树B中。然后将树B中的2节点再次拖回到树A中，我想限制用户将2节点拖到原来在树A中2节点的位置，也就是1节点和3节点的中间；

也就是，多棵树操作时，当一个节点拖到另一棵树后，在拖回到原来的树中时，怎样防止用户再次拖回到原来树中的相同的位置？

有没有什么好的思路？
谢谢！

这个你必须要对节点做原位置的数据保存，然后利用 setting.edit.drag.prev/inner/next等进行判断，就可以直接禁止拖拽到对应位置了。 但你这个我觉得有点儿问题，就是如果 原树中，还允许自己内部的节点改变顺序怎么办？ 另外一种情况 比如有5个节点 12345， 当把 234 都移动到了B树上之后， 3是否还能移动回 1、5 之间？ 这些细节的 需求你必须要想清楚，确定自己的操作逻辑，才能把这个问题很好的实现起来

4 楼 liang_sky_fly 2014-03-12  

请问下，我现有两棵树A和B，在树A中，有1,2,3三个节点，在树B中，没有任何节点。
我现在将树A中的2节点拖拽到树B中。然后将树B中的2节点再次拖回到树A中，我想限制用户将2节点拖到原来在树A中2节点的位置，也就是1节点和3节点的中间；

也就是，多棵树操作时，当一个节点拖到另一棵树后，在拖回到原来的树中时，怎样防止用户再次拖回到原来树中的相同的位置？

有没有什么好的思路？
谢谢！

3 楼 liang_sky_fly 2014-03-12  

zTreeAPI 写道

liang_sky_fly 写道

请问下，在一棵树中同一级别中有A,B,C三个节点，并依次排列，但是在我每次将第三个节点向前两个节点中间拖拽时，有时moveType是prev，有时确实moveType是next，我想知道在什么情况下，moveType是prev？
在什么情况下，moveType是next？
谢谢！

请不要只看 moveType 还有 targetNode也很重要的！ 其实 在 1的next 和在 2 的prev 效果是一样的！ 确定 targetNode 主要要看当前鼠标的坐标位置来计算

我只是疑问，我每次做的操作，都是一样的，但是得到的结果，moveType和targetNode确是不一样的？
原来是根据当前鼠标的坐标位置来计算的!

2 楼 zTreeAPI 2014-03-12  

liang_sky_fly 写道

请问下，在一棵树中同一级别中有A,B,C三个节点，并依次排列，但是在我每次将第三个节点向前两个节点中间拖拽时，有时moveType是prev，有时确实moveType是next，我想知道在什么情况下，moveType是prev？
在什么情况下，moveType是next？
谢谢！

请不要只看 moveType 还有 targetNode也很重要的！ 其实 在 1的next 和在 2 的prev 效果是一样的！ 确定 targetNode 主要要看当前鼠标的坐标位置来计算

1 楼 liang_sky_fly 2014-03-12  

请问下，在一棵树中同一级别中有A,B,C三个节点，并依次排列，但是在我每次将第三个节点向前两个节点中间拖拽时，有时moveType是prev，有时确实moveType是next，我想知道在什么情况下，moveType是prev？
在什么情况下，moveType是next？
谢谢！