Angular 2 ag-grid 的清除过滤器按钮在使用内置过滤器时清除文本框而不刷新列

Question

启用 ag-grid 的默认过滤器时，即使 'clearButton' 和 'applyButton' 参数设置为 true，清除过滤器按钮也只会清除文本框而不刷新列。单击“清除过滤器”按钮后，文本将从文本框中清除，我必须实际单击“应用过滤器”按钮以删除过滤器并刷新列。

下面是我的代码：

 result.filter = "date";
 result.filterParams = {
     applyButton: true,
     clearButton: true
 };

有没有一种方法可以使“清除过滤器”按钮在清除文本框的同时实际刷新列？或者是否有任何事件可用于我们可以订阅的清除按钮单击？ （在文档中没有提到任何点击清除按钮的事件）

将不胜感激

Answer 1

可以将侦听器附加到某些特定过滤器的清除按钮的点击事件，在侦听器内部我们可以调用 this.gridOptions.api.onFilterChanged() 来触发更改。

let filterInstance = this.gridOptions.api.getFilterInstance("name_col");

filterInstance.eClearButton.addEventListener("click", () => {
    this.gridOptions.api.onFilterChanged();
 });