ztree设置默认节点选中

最新推荐文章于 2023-11-17 15:05:05 发布

原创最新推荐文章于 2023-11-17 15:05:05 发布

· 8.9k 阅读

5 ·

版权

前端专栏收录该内容

29 篇文章

订阅专栏

zTree如何设置默认选择节点

zTree的节点选中分为两种

zTree的节点选中分为两种

zTree的选中一种是像复选框那样选中，那种选中的关键词为check，如图所示
check选中节点的显示样式

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

设置默认select默认选中节点

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

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

我在获取节点时一般习惯使用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);

在这里插入图片描述

容易出错的地方

在使用ztreeObj获取节点时，有多个方法，根据属性参数的就有两个，getNodeByParam与getNodesByParam，这两者返回类型不一样，一个是返回单个节点类型，另一个是返回节点数组类型，在使用的过程中千万要注意，不然就会导致下面设置选中的方法不起作用。