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

时间:2020-06-18 02:06:55

标签: javascript ag-grid ag-grid-angular ag-grid-react

我已经搜索了很长时间,我确定我一定错过了一些东西,因为这是一个基本的要求。

我通过timestamp time total 1592352000 2020-06-17 00:00:00 1 1592352900 2020-06-17 00:15:00 1 1592353800 2020-06-17 00:30:00 5 1592354700 2020-06-17 00:45:00 0 中的cellClass字段在网格中定义格式:

defaultColDef

根据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列的值,将应用不同的CSS类。

我还定义了一个trade_type事件监听器:

onCellValueChanged

如何刷新发生修改的整行的单元格,以便正确地使用CSS类?当onCellValueChanged: (event) => { if (event.column.colId === "trade_type") { } } 列的值从任何值更改为“ taken”时,我需要刷新。 Some other question对单个单元格使用相同的机制,在那种情况下对我没有帮助。

1 个答案:

答案 0 :(得分:0)

您可以执行--

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