ag-grid: создать раскрывающийся список фильтров для значений столбцов? - PullRequest
0 голосов
/ 30 сентября 2019

Я пытаюсь добавить выпадающий фильтр к столбцу в 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 }  ];

Это дает мне раскрывающийся список, когда я щелкаю меню гамбургера в столбце. Но когда я выбираю один из вариантов сверху, я просто получаю текстовое поле под ним, где я должен ввести текст для фильтрации. То, что я пытаюсь сделать, это просто выбрать один из параметров, например «Ошибки», и он автоматически фильтрует сетку по этой функции тестирования. Это возможно? Это кажется очень простым, но я потратил весь день, читая документацию и пробуя разные вещи, и ничего не получается ...

Спасибо!

1 Ответ

0 голосов
/ 01 октября 2019

В соответствии с документацией https://www.ag -grid.com / javascript-grid-filter-обеспечивается-simple / # customFilterOptions функция 'test' принимает два параметра - значение фильтра и ячейкузначение.

Похоже, вы не указали тип фильтра.

...