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 列的值从任何值变为 "taken" 时，我需要刷新。对单个单元格使用相同的机制，在那种情况下对我没有帮助。

Answer 1

你可以这样做 -

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

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

refresh row after cell value change in ag-grid javascript

javascript

ag-grid

ag-grid-react

ag-grid-angular