如何驗證 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]
   });