无AG Grid实例时，如何利用持久化filter-model实现数据无头过滤？

完全可以实现。AG-Grid的过滤逻辑核心是独立于UI表格组件的，只要你引入了AG-Grid的核心库，就能直接调用其过滤相关的工具类，仅用数据集和持久化的filter-model完成过滤。

具体实现步骤 #

1. 引入核心模块
   从ag-grid-community中导入过滤所需的核心类：FilterService、对应类型的过滤器（如TextFilter、NumberFilter），以及用于定义列规则的Column类。

2. 匹配列配置与filter-model
   根据你的数据集结构和filter-model中的字段，创建对应的Column实例，每个列需指定field（对应数据字段名）和filter类型（与filter-model中的filterType匹配）。

3. 初始化过滤服务
   实例化FilterService，并传入列配置和持久化的filter-model，让服务知晓过滤规则。

4. 执行数据过滤
   遍历原始数据集，通过FilterService的doesFilterPass方法判断每条数据是否符合过滤条件，收集符合条件的结果。

代码示例 #

// 导入所需模块
import { FilterService, TextFilter, NumberFilter, Column } from 'ag-grid-community';

// 1. 定义与filter-model匹配的列配置
const columns = [
  new Column({ field: 'name', filter: 'text' }),
  new Column({ field: 'age', filter: 'number' })
];

// 2. 你的持久化filter-model
const filterModel = {
  name: { filterType: 'text', type: 'contains', filter: 'John' },
  age: { filterType: 'number', type: 'greaterThan', filter: 30 }
};

// 3. 原始数据集
const rawData = [
  { name: 'John Doe', age: 35 },
  { name: 'Jane Smith', age: 28 },
  { name: 'John Smith', age: 32 },
  { name: 'Bob Brown', age: 25 }
];

// 4. 初始化过滤服务并执行过滤
const filterService = new FilterService();
filterService.setFilterModel(filterModel);
filterService.setColumns(columns);

const filteredData = rawData.filter(row => {
  // 模拟AG-Grid行节点，提供getValue方法用于获取字段值
  const rowNode = {
    getValue: (colKey) => row[colKey]
  };
  return filterService.doesFilterPass(rowNode);
});

console.log(filteredData);
// 输出结果: [{ name: 'John Doe', age: 35 }, { name: 'John Smith', age: 32 }]

注意事项 #

• 确保使用的AG-Grid版本与生成filter-model的版本一致，避免API差异导致的兼容问题。
• 针对不同过滤类型（如日期、多选），需导入对应过滤器类（如DateFilter、SetFilter）并在列配置中指定正确的filter类型。
• 复杂组合过滤（如AND/OR逻辑）无需额外处理，FilterService会自动解析filter-model中的规则。

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