今天使用ztree时候，发现单独给已经选中的叶子节点设置 open=true，其上级的父节点并不会展开，如图，有三个选中的叶子节点，但是大概因为父节点没有设置 open=true，所以没有展开。
image.png
然后参考百度找到的方案以及查看ztree文档，找到了一种解决方式，下面是源码：
var dataTree = $.fn.zTree.init($("#dataTree"), setting, zTreeNodes);
//展开所有选中的子节点
var nodes = dataTree.getCheckedNodes(true);
for(var i=0; i<nodes.length; i++){
dataTree.expandNode(nodes[i], true, true, true);
dataTree.selectNode(nodes[i]);
}
最后结果如下：
image.png
参考：
1、ztree 根据子节点ID展开所有父节点
2、ztree官方文档
今天使用ztree时候，发现单独给已经选中的叶子节点设置 open=true，其上级的父节点并不会展开，如图，有三...
根据子节点获取所有的父节点以及父节点的父节点.. 根据节点获取所有子节点id
根据id获取指定节点 -根据id设置节点选中状态方法一：zTree.checkNode(node, true, t...
项目中根据子节点 id 展开异步树节点，需要后端返回 当前子节点的左右父级节点id集合
需求 选中父节点，子节点默认全选，取消一个子节点，那么这个子节点的所有父节点都取消掉选中状态，但是其兄弟节点不会受...
树形表格加复选框后，选中父节点后子节点不自动选中的问题。于是在table上监听点击和全选，根据数据有子节点来手动切...
子查父 （根据子节点查询所有父节点） 父查子 （根据节点查询所有字点） 查询结果 父查子（方法二）
大致页面如下： 大致功能： 父节点可联接子节点，达到全选/全不选的功能；子节点则是当子节点被选中时，父节点同时...
页面如下： 大致功能： 父节点可联接子节点，达到全选/全不选的功能； 子节点则是当子节点被选中时，父节点同时被...
el-tree组件在获取选择的节点时，默认的逻辑是，选中父节点时所有的子节点会被选中（checked），但是当该节...
本文标题：ztree根据已经选中的子节点展开其所有的父节点
本文链接：https://www.haomeiwen.com/subject/najdzxtx.html
网友评论