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

【问题标题】：refresh row after cell value change in ag-grid javascript在ag-grid javascript中单元格值更改后刷新行
【发布时间】：2020-10-07 23:47:57
【问题描述】：

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

我通过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 列的值从任何更改为“已采用”时，我需要刷新。 Some other question 对单个单元格使用相同的机制，在这种情况下对我没有帮助。

【问题讨论】：

这能回答你的问题吗？ ag Grid change cell color on Cell Value Change
它不会因为它不会改变行上的样式。仅在特定单元格上（我已经使用现有代码）我需要在整行上进行刷新。
其实思路一样，需要调用params.api.refreshCells()并传入你要刷新的rowNode
是的我不知道如何从事件对象中获取rowNode
并且刷新需要在 onCellValueChanged 内进行：我可以访问那里的参数吗？思想事件是唯一可用的对象。

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

【解决方案1】：

你可以这样做——

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

【讨论】：

很好，谢谢。认为 event.node 是单元格而不是行。
很高兴它有帮助。这就是我指出它类似于链接问题的原因
任何关于如何为完整的网格数据完成的猜测。就像我想要的是在更改给定单元格值时也更改其他行的数据。这仅更新具有已更新单元格的索引的行。