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

Question

我想验证单元格，当数字与 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 时，我没有看到样式的变化，这是什么问题？

Answer 1

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

Answer 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]
   });