ag-grid如何设置默认行过滤？onAnyFilterChanged编译报错如何解决

报错原因 #

TypeScript 严格类型校验下，getFilterInstance 方法返回的过滤器实例为联合类型，无法确认实例一定存在 onAnyFilterChanged 方法，因此触发编译报错。
同时你的代码存在一个隐藏逻辑问题：你提到列值为小写的 active/inactive，但过滤规则里写的是大写的 ACTIVE，会导致过滤匹配失败，需要同步大小写。

修复方案 #

推荐使用 ag-grid 全局公共API api.applyFilter() 代替调用过滤器实例的内部方法，更符合官方规范，也能规避类型报错：

const onFirstDataRendered = (params: FirstDataRenderedEvent) => {
  const filter = params.api.getFilterInstance('status');
  if (filter) {
    filter.setModel({
      type: 'equal',
      filter: 'active', // 同步列值的小写格式
    });
    params.api.applyFilter(); // 替换filter.onAnyFilterChanged()
  }
};

如果你坚持要调用实例方法，可以加可选链运算符规避类型报错：

filter.onAnyFilterChanged?.();

如果需要更强的类型校验，你可以将过滤器实例断言为你使用的具体过滤器类型，比如文本过滤器：

const filter = params.api.getFilterInstance<TextFilterModel>('status');

额外优化建议 #

如果要实现默认过滤，也可以直接在列定义的 filterParams 里配置默认过滤规则，不用依赖事件回调，初始化更稳定：

// status列的列定义配置
const columnDefs = [
  {
    field: 'status',
    filter: 'agTextColumnFilter',
    filterParams: {
      filterOptions: ['equal'],
      defaultOption: 'equal',
      filter: 'active'
    }
  },
  // 其他列定义
]

内容的提问来源于stack exchange，提问作者MJR