valueGetter 没有反映在 rowdata ag-grid答案

【问题标题】：valueGetter is not reflecting in rowdata ag-girdvalueGetter 没有反映在 rowdata ag-grid
【发布时间】：2021-10-14 03:42:51
【问题描述】：

我正在使用 ag-grid 社区版本进行开发。我遇到了 valuegetter 来动态渲染单元格数据。

但它没有反映在行数据变量中。

下面是我的列定义

columnDefs = [
    { headerName: 'Student Name', field: 'name' },
    { headerName: 'English', field: 'english' },
    { headerName: 'Maths', field: 'maths' },
    { headerName: 'Science', field: 'science' },
    {
      headerName: 'Total',
      field: 'total',
      valueGetter: params => {
        let totalValue = 0;
        totalValue =
          parseInt(params.data.english) +
          parseInt(params.data.maths) +
          parseInt(params.data.science);
        return totalValue;
      }
    }
  ];

下面是我的行数据

rowData: StudentData[] = [
    { name: 'Rajesh', english: '10', maths: '21', science: '0', total: null }
  ];

我正在做的总和。

但是当我试图访问我的行数据中的总数时它没有反映

onSave(): void {
    console.log(this.rowData[0].total);
  }

控制台打印的是 null 而不是 31

下面是我的 StackBlitz URL。请帮助我获取行数据模型中的 value getter 值

https://stackblitz.com/edit/angular-ivy-vkppt6?file=src%2Fapp%2Fapp.component.ts

【问题讨论】：

标签： angular ag-grid

【解决方案1】：

您只是获取（呈现）处理后的数据。

您必须将数据分配给相应列的字段/属性。

所以，在ValueGetter 中添加：

params.data.total = totalValue;

Working demo

【讨论】：