Я пытаюсь добавить выпадающий фильтр к столбцу в ag-сетке. Мне удалось настроить отображение столбца с помощью этого кода (в приложении Angular 8):
columnDefs = [
{ headerName: 'Id' , field: 'id' , type: 'number' },
{ headerName: 'Message' , field: 'message' , type: 'text' },
{ headerName: 'Level' , field: 'level' , type: 'text' , width: 90,
filterParams: {
filterOptions: [
'empty',
{
displayKey: 'errors',
displayName: 'Errors',
test: (cellValue) => cellValue != null && cellValue === 'Error'
},
{
displayKey: 'info',
displayName: 'Information',
test: (cellValue) => cellValue != null && cellValue === 'Information'
},
{
displayKey: 'verbose',
displayName: 'Verbose',
test: (cellValue) => cellValue == null && cellValue === 'Verbose'
},
],
applyButton: true,
clearButton: true,
debounceMs: 200,
suppressAndOrCondition: true
}
},
{ headerName: 'Source' , field: 'source' , type: 'text' , width: 80 } ];
Это дает мне раскрывающийся список, когда я щелкаю меню гамбургера в столбце. Но когда я выбираю один из вариантов сверху, я просто получаю текстовое поле под ним, где я должен ввести текст для фильтрации. То, что я пытаюсь сделать, это просто выбрать один из параметров, например «Ошибки», и он автоматически фильтрует сетку по этой функции тестирования. Это возможно? Это кажется очень простым, но я потратил весь день, читая документацию и пробуя разные вещи, и ничего не получается ...
Спасибо!