如何在AG网格中实现自定义搜索过滤器?

Question

假设我有一个函数

customMatcher(userInput: string, valueInRecord: string): boolean

我想用我的customMatcher来搜索这个列

let coldefs = [
{
headerName: 'Foo',
field: 'foo',
minWidth: 20
}]

我该怎么做?我试着用一个简单的函数添加doesFilterPass属性，但该函数在搜索时没有被调用。我用的是Angular 8.3.29和Node 16.14.2。

Answer 1

您正在寻找这样使用的textMatcher函数

this.columnDefs = [
{
field: 'foo',
filter: 'agTextColumnFilter',
filterParams: {
textMatcher: ({filter, value, filterText}) => {
// custom matching logic that returns a boolean
}
}
}
];

相关文档部分。

Answer 2

我不能让textMatcher或textCustom...工作。我最后做的是

{
field: 'number'
filter: true,
filterParams: {
values: ['Even', 'Odd'],
// this gets run for every row to see if it equals on of the values
valueGetter: (params): string => {
const data = params.data;
return data.number % 2 === 0 ? 'Even' : 'Odd';
}
}
}