时间戳

首页 > 解决方案 > 如何在 AgGrid 中动态应用过滤器？

typescript - 如何在 AgGrid 中动态应用过滤器？

问题描述

我正在尝试遵循 AgGrid 网站上的官方示例： https ://www.ag-grid.com/javascript-grid-filter-api/#example-filter-api

使用 v20.1 我无法应用过滤器，如何

  const myFilterInstance = api.getFilterInstance('my_field');
  if (myFilterInstance ) {
    myFilterInstance .setModel({
      type: 'equals',
      filter: 'blah'
    });
    (myFilterInstance as any).applyModel();
    api.onFilterChanged();
  }

看起来 AgGrid 的 v20.1 定义没有 applyModel？在 v20 中动态更改过滤器的正确方法是什么？

标签： typescriptag-grid

解决方案

applyModel如果你正在做，你不需要打电话setModel。只需调用api.onFilterChanged.

  sportStartsWithS() {
    var sportsFilterComponent = this.gridApi.getFilterInstance("sport");
    sportsFilterComponent.setModel({
      type: "startsWith",
      filter: "s"
    });
    this.gridApi.onFilterChanged();
  }

参考：https ://www.ag-grid.com/javascript-grid-filter-api/#example-filter-api （同一个链接）

推荐阅读