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

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();
 });