如何过滤 AG 网格中选定的行并使其保持选定状态？

Question

我想根据复选框选择来过滤 AG 网格行，并且希望将它们保持为选中状态。

我知道使用下面的方法我可以过滤选定的行，但过滤后行将失去其选定状态。

gridOptions.api.setRowData(gridOptions.api.getSelectedRows())

我可以运行 gridoptions.api.selectAll() 但我必须避免它，因为我不希望触发 AG 网格选择更改事件。

任何想法我怎样才能实现它？

Answer 1

使用 ag-grid filter external 手动过滤列。在行定义中将行过滤器设置为 true。
覆盖 ag-grid 中的 isExternalFilterPresent 和 doesExternalFilterPass 方法
在 HTML 中

  <ag-grid-angular
  [columnDefs]="columnDefs"
  [isExternalFilterPresent]="isExternalFilterPresent"
  [doesExternalFilterPass]="doesExternalFilterPass"
  [rowData]="rowData"
  (gridReady)="onGridReady($event)"
></ag-grid-angular>

.ts 中定义在组件外部（或静态）

// Used in isExternalFilterPresent() to detect if (external)filter is active or not
let Gobal_filterSelectedDocuments: boolean;

和组件中

onToggleDocumentsFilterClick(event: MatSlideToggleChange) {
    Gobal_filterSelectedDocuments = event.checked;
    // nesseary notification to enable the filter
    this.gridApiObjects.onFilterChanged()
}

isExternalFilterPresent() {
    // Here we have no access to the 'this.' of the component. Use a Global Variable instedt.
    return Gobal_filterSelectedDocuments;
}

doesExternalFilterPass(node) {
    // Show only selected nodes
    return node.isSelected();
}

最大的问题是 isExternalFilterPresent() 具有不同的作用域和 this.是一个角度对象（gridapi？）不是当前组件。所以我需要一个全局/静态变量来解决这个问题。