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

Question

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

以下是我的代码：

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

有没有办法让我们可以使Clear Filter按钮实际刷新列以及清除文本框？或者是否有任何可用于清除按钮点击的事件我们可以订阅？ （在文档中没有提到清除按钮单击的任何事件）

帮助将不胜感激

Answer 1

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

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

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