在使用 ag-grid-angular 时，当 cellRendererComponent 内的值发生变化时，angular 中是否有一种方法可以更新 rowData

Question

我有一个列定义如下：

    colDef = [{
       headerName: 'Cell ID',
       field: 'cellId',
       cellRendererFramework: CellIdCellRendererComponent,
    },
    {
       headerName: 'Set ID',
       field: 'cellId'
       cellRendererFramework: SetIdCellRendererComponent,
    }]

在 cellIdCellRendererComponent 中，我正在尝试更新整个 RowData，如下所示：

this.params.api.updateRowData(this.params.data);

Answer 1

您可以使用 ICellRendererParams 的 node 属性。

this.params.node.updateData(this.params.data);

检查定义。

export interface ICellRendererParams {
   ...
   node: RowNode;
}

updateData(data: any): void;是一个方法或者RowNode.

Answer 2

I'm trying to update another cell value, in the first cell I have a dropdown, and based on the selection of value in dropdown, I have to update the values of dropdown in next column.

所以你只需要使用setDataValue方法

params.node.setDataValue(anotherCell, anotherCellNewValue):

在使用 ag-grid-angular 时，当 cellRendererComponent 内的值发生变化时，angular 中是否有一种方法可以更新 rowData

Is there a way in angular to update the rowData when value changes inside a cellRendererComponent, when using ag-grid-angular

ag-grid

ag-grid-ng2

angular