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