AG-Grid Angular SSRM partial store下文本+Set Filter多过滤器失效问题

问题根因 #

你遇到的报错是因为AG Grid无法读取你嵌套在多过滤器下的Set Filter自定义参数，默认尝试从本地行数据拉取选项，但服务端行模型的partial store没有全量行数据，触发校验报错。核心问题有两个：

1. 多过滤器的子配置项键名错误：agMultiColumnFilter的filterParams下用来定义子过滤器列表的属性是复数filters，你当前配置写的是单数filter，导致AG Grid完全没有识别到你给Set Filter配置的values参数。
2. 可能存在的this指向丢失：Angular中直接传递组件方法作为回调时，方法内部的this会指向AG Grid的过滤器实例而非你的组件，导致getFilterList无法正常发起异步请求。

解决步骤 #

• 修正多过滤器的配置键名，将单数filter改为复数filters
• 给getFilterList绑定正确的组件上下文，或者直接用箭头函数定义该方法
• 可选：如果异步拉取选项耗时较长，可以给Set Filter添加asyncValuesWaitTime参数延长等待时长，避免超时判定

修正后的配置代码 #

filter: 'agMultiColumnFilter',
filterParams: {
  // 修正为复数filters
  filters: [
    {
      filter: 'agTextColumnFilter',
      filterParams: {
        defaultOption: 'startWith'
      }
    },
    {
      filter: 'agSetColumnFilter',
      filterParams: {
        // 绑定this确保方法内部上下文正确
        values: this.getFilterList.bind(this),
        refreshValuesOnOpen: true,
        // 可选：异步值等待时长，单位ms，默认是1000
        asyncValuesWaitTime: 3000
      }
    },
  ]
},

单独使用Set Filter正常是因为此时配置层级不需要嵌套，你直接传递的filterParams能被AG Grid正确识别；客户端行模型下即使参数识别失败，AG Grid也可以从本地全量行数据提取Set Filter选项，所以不会报错。

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