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

【问题标题】：How to apply filter to a cell renderer in ag grid如何将过滤器应用于 ag 网格中的单元格渲染器
【发布时间】：2018-09-06 13:26:28
【问题描述】：

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

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

在下面的列中，我得到 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',
     },

【问题讨论】：

请展开您需要什么以及您面临什么问题。如果可能的话，把代码放在 plunker 中，这样你会得到更快的响应

标签： angular filter render ag-grid

【解决方案1】：

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

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

    },

【讨论】：