如何在 ag 网格中订阅过滤器更改事件答案

【问题标题】：How to subscribe for a filter changed event in ag grid如何在 ag 网格中订阅过滤器更改事件
【发布时间】：2018-10-03 03:10:19
【问题描述】：

我有一个问题，我需要在运行时显示在 ag 网格中过滤的行数。

如何在 ag 网格（javascript 版本）中订阅过滤器更改事件？

【问题讨论】：

您可以使用filterChanged 事件。 link

标签： ag-grid

【解决方案1】：

Ag 网格有回调 'onFilterChanged' & 'onFilterModified'

var gridOptions = {
    columnDefs: columnDefs,
    rowData: null,
    enableFilter: true,
    onFilterChanged: function() {console.log('onFilterChanged');},
    onFilterModified: function() {console.log('onFilterModified');}
};

您可以在这里找到更多详细信息https://www.ag-grid.com/javascript-grid-filtering/

【讨论】：

【解决方案2】：

对我来说，向 filterChanged 监听器添加一个方法很有帮助：

<ag-grid-angular
    ...
    [rowData]="rowData"
    (filterChanged)="onFilterChanged($event)"
  >
  </ag-grid-angular>

然后我创建了一个使用 params api 获取当前显示行的函数：

onFilterChanged(params: GridOptions): void {
console.log(this.numberOfRows = params.api?.getDisplayedRowCount());

}

我希望这对任何人也有帮助。

【讨论】：

【解决方案3】：

我正在寻找如何订阅“onFilterChange”事件的方法。我需要跟踪每个过滤器更改的行数。 filteredRows 是要显示过滤行数的字段。

this.gridOptions.api.eventService.addEventListener('filterChanged', (e) => {
  this.filteredRows = e.api.paginationGetRowCount();
})

【讨论】：