javascript - 使用内置过滤器时，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();
 });