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

Question

I want to validate the cell, when the number will be different than 9 i want to change the background

I have this table:

{
 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)

but when i put the number 9 i dont see the change of style, what is the problem?

Answer 1

you need to make sure if you are doing type comparison with equality comparator then both side are of same type params.documentId === 9?'':'myClass'; this will only work when params.documentId is a number else it will always be false. either change === to == comparison or make sure the types are same.

Answer 2

Try this using cellStyle

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

Try to refresh :-

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