使用 cellRenderer 处理复杂数据的 AG-GRID Angular 过滤器答案

【问题标题】：AG-GRID Angular filter using cellRenderer with complex data使用 cellRenderer 处理复杂数据的 AG-GRID Angular 过滤器
【发布时间】：2018-10-29 22:50:31
【问题描述】：

我正在使用 cellRenderer 属性，我可以在表格中显示数据，但是我正在使用 if 语句来更改数据的值。这是我的 cellRenderer 属性中的内容：

cellRenderer:function (params){
if(params.data.valueofdata === 1){
   return 'the value is one';
}else if(params.data.valueofdata === 2){
   return 'the value is two';
} else {
   return '';
}

表格中的显示是正确的，但是当我使用浮动过滤器或默认过滤器时，它不会根据我输入的正确值进行过滤。但是，如果我搜索 1 或 2，它将显示。

【问题讨论】：

标签： ag-grid

【解决方案1】：

来试试这个。

valueGetter: function (params) {
                if (params.data.identity === 1) {
                    return 'Serialised';
                } else if (params.data.identity === 2) {
                    return 'Batched';
                } else {
                    return '';
                }
            },

我只是将值从 cellRenderer 更改为 valueGetter

【讨论】：

【解决方案2】：

cellRenderer 只是渲染单元格内容。而过滤器适用于绑定到网格的数据中的值。

为此使用valueGetter 或valueFormatter。

请参阅以下文档以更好地理解：
1.Value Getter
2.Value Formatter vs Cell Renderer

cellRenderer 用于当您想要在单元格中包含 HTML 标记和潜在功能时。因此，例如，如果您想将标点符号放入值中，请使用 valueFormatter，如果您想放入按钮或 HTML 链接，请使用 cellRenderer。可以将两者结合使用，在这种情况下 valueFormatter 的结果将被传递给 cellRenderer。

【讨论】：