如何将过滤器应用于 ag 网格中的单元格渲染器

Question

我的应用程序中有一个 ag 网格

我无法获得应用于这些列的任何过滤值。在这种情况下，我们如何应用 valueFormatter 和过滤器参数？

在下面的专栏中，我将 0,1 作为输入并使用 ag-grid 中的 cellrenderer 选项将它们渲染为字符串。如此处所示 ag-grid

我的搜索输入框中有以下内容

        //search box
       <mat-input-container>
        <input matInput placeholder="Quick Search" style="width: 250px" 
       (keyup)="onQuickFilterChanged($event)">
        </mat-input-container>

     // column definition in ag-grid
     {
    headerName: 'Header',
    field: 'isheader',
    width: 100,
    filter: 'string',
    cellRenderer: function (params: any) {
      if (params.value === 1) {
        return 'Yes';
      } if (params.value === 0) {
        return 'No';
      } 
      return params.value;
    },
    colId:'isPdm',
     },

Answer 1

可以通过在列上添加另一个定义 getQuickFilterText 来应用过滤器，如解释的那样 here

             getQuickFilterText:  function (params: any) {
      if (params.value === 1) {
        return 'Yes';
      } if (params.value === 0) {
        return 'No';
      } 
      return params.value;

    },

如何将过滤器应用于 ag 网格中的单元格渲染器

How to apply filter to a cell renderer in ag grid

render

filter

ag-grid

angular