js--ztree设置默认节点选中

最新推荐文章于 2022-06-02 19:41:12 发布

转载最新推荐文章于 2022-06-02 19:41:12 发布 · 3.3k 阅读

2 ·

CC 4.0 BY-SA版权

原文链接：https://blog.youkuaiyun.com/qq_40600414/article/details/107775116

js & jquery 专栏收录该内容

8 篇文章

订阅专栏

本文介绍了如何在zTree中设置默认选中的节点，包括select状态和check状态的设置方法，特别提到了getNodesByParam和getNodeByParam的区别，以及如何避免常见的使用错误。

zTree如何设置默认选择节点
zTree的节点选中分为两种
设置默认select默认选中节点
设置check选中状态
容易出错的地方
zTree的节点选中分为两种
zTree的选中一种是像复选框那样选中，那种选中的关键词为check，如图所示

另一种为通过鼠标单击的选中状态，这一种选中为select，如下图所示

设置默认select默认选中节点
在设置select选中节点之前首先需要获得要设置选中的节点，

var ztree = $.fn.zTree.getZTreeObj(“treeDemo”);
var node = ztree.getNodesByParam(“id”,11);
ztree.selectNode(node[0]);

注释：注意这个不光可以根据id来设置默认值，还可以根据你设置的其他自定义参数来设置默认值例如 var node = ztree.getNodesByParam(“name”,“5698”);

我在获取节点时一般习惯使用getnNodesByParam(“id”,0),但是在使用官网的例子可以设置选中成功，但是使用上面方法获取的node却不能设置选中成功，将两个节点打印对比了一下，发现通过ztree.getNodesByParam()方法得到的数据是一个数组，是多个节点的集合，因此我取出其中的一个节点进行设置就可以设置默认节点了。

设置check选中状态
这个选中与select类似，首先也是获取节点，然后利用ztree提供的对象的方法来进行设置。

const ztreeObj = $.fn.zTree.getZTreeObj(‘treeDemo’);
const node = ztreeObj.getNodeByParam(“id”,2);
ztreeObj.checkNode(node,true,true);
1
2
3

容易出错的地方
在使用ztreeObj获取节点时，有多个方法，根据属性参数的就有两个，getNodeByParam与getNodesByParam，这两者返回类型不一样，一个是返回单个节点类型，另一个是返回节点数组类型，在使用的过程中千万要注意，不然就会导致下面设置选中的方法不起作用。
————————————————
版权声明：本文为优快云博主「爱学习的ljz」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.youkuaiyun.com/qq_40600414/article/details/107775116