Ag-grid 选择一个父节点应该选择它在树数据路径中的所有子节点答案

【问题标题】：Ag- grid Selecting a parent should select the all children of it in tree data pathAg-grid 选择一个父节点应该选择它在树数据路径中的所有子节点
【发布时间】：2021-10-08 18:08:39
【问题描述】：

我将数据提供给带有路径（树数据）的网格。如果我在带有树遗产的 ag-grid 中选择父节点，我如何选择子节点。

我的数据如下所示：

[{
name: 'File',
path:['file'],
isVisible: true
},
{
name: 'Save',
path:['file'],
isVisible: true
},
name: 'Export',
path:['file'],
isVisible: False
];

【问题讨论】：

寻找相同的。有运气吗？

标签： angular ag-grid

【解决方案1】：

.html

    <ag-grid-angular 
    ....
    (rowSelected)="rowSelected($event)" 
    .... >
    </ag-grid-angular>

.ts

 rowSelected(event){
      event.node.childrenAfterGroup.forEach(a=>{
           a.selectThisNode(event.node.isSelected())
     })
 }

专业提示：将undefined 或null 传递给selectThisNode 会对其进行部分检查。

【讨论】：

添加简短说明此代码的作用以及它如何回答原始问题

【解决方案2】：

为了选择或取消选择父节点的所有子节点，只需考虑以下代码。我用这个解决了我的问题。

在 .ts 文件中：

rowSelected(event: any) {
   event.node.childrenAfterGroup.forEach(node => {
     node.selectThisNode(event.node.isSelected());
   });
}

并将以下 rowSelected 事件表示法添加到标记中，

在 html 中：

<ag-grid-angular 
....
(rowSelected)="rowSelected($event)" 
.... >
</ag-grid-angular>

附注我喜欢编码:)

【讨论】：