在 ag-grid javascript 中的单元格值更改后刷新行

Question

我已经为此搜索了很长时间，我确定我一定错过了一些东西，因为这是一个基本的问题。

我通过defaultColDef中的cellClass字段定义网格中的格式：

cellClass: (params) => {
    if (params.data.signal_days === 1 && params.data.trade_type !== "taken"  ) {
        return "signals-blotter-cell-new";
    } else if (params.data.trade_type === "taken"  ) {
        return "signals-blotter-cell-taken";
    }
}

根据signal_days和trade_type列的值，应用不同的 css 类。

我也有一个onCellValueChanged事件监听器定义如下：

onCellValueChanged: (event) => {
    if (event.column.colId === "trade_type") {
    }
}

如何刷新发生修改的整行的单元格，以便正确应用我的 css 类？ 当trade_type列的值从任何更改为“已采用”时，我需要刷新。 其他一些问题对单个单元格使用相同的机制，在这种情况下对我没有帮助。

Answer 1

你可以做类似的事情 -

onCellValueChanged: (event) => {
    if (event.column.colId === "trade_type") {
       event.api.refreshCells({
                    force: true,
                    rowNodes: [event.node] // pass rowNode that was edited
            });
    }
}