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

Question

I have a column definition as following:

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

Within the cellIdCellRendererComponent, I'm trying to update the entire RowData as below:

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

Answer 1

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.

So you just need to use setDataValue method

params.node.setDataValue(anotherCell, anotherCellNewValue):

Answer 2

You can do so using node property of your ICellRendererParams.

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

Check the definition.

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

updateData(data: any): void; is a method or RowNode.