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

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,这两者返回类型不一样,一个是返回单个节点类型,另一个是返回节点数组类型,在使用的过程中千万要注意,不然就会导致下面设置选中的方法不起作用。
————————————————
版权声明:本文为CSDN博主「爱学习的ljz」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/qq_40600414/article/details/107775116

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值