如何验证 ag-grid 单元格的数据？

Posted 2023-03-28

【中文标题】如何验证 ag-grid 单元格的数据？

【英文标题】：How can i valid the data of an ag-grid cell?

【发布时间】：2021-01-27 08:59:18

【问题描述】：

我想验证单元格，当数字不同于 9 时我想更改背景

我有这张桌子：

 cellEditor: 'numberRenderer',
 width: 150,
 cellClass: this.compareValues,
 newValueHandler: this.compareValues,
 cellEditorParams: 
 required: true,
,

compareValues(params) 
        return params.value === 9?'':'myClass';
      ,
.myClass
    background: var(--ag-header-background-color, #222628)

但是当我输入数字 9 时，我没有看到风格的变化，这是什么问题？

【问题讨论】：

有两种可能，一是您的条件值不匹配，二是您的样式格式不正确

【参考方案1】：

您需要确保如果您正在使用相等比较器进行类型比较，那么双方的类型相同params.documentId === 9?'':'myClass'; 这仅在params.documentId 是数字时才有效，否则它将始终为假。要么将 === 更改为 == 比较，要么确保类型相同。

【参考方案2】：

使用cellStyle试试这个

 cellEditor: 'numberRenderer',
 cellStyle: function (params) 
   if(params.value !==9)
         setTimeout(() => 
                params.api.refreshCells(
                    force: true,
                    rowNodes: [params.api.node], 
                );
            , 10000);
      return background: 'red';
      
    
  

尝试刷新：-

params.api.refreshCells(
             force: true,
             rowNodes: [params.api.node]
   );

【讨论】：

已更新答案，请尝试在您的代码中按上述方式刷新。