angular - valueGetter 未反映在 rowdata ag-gird 中
问题描述
我正在使用 ag-grid 社区版本进行开发。我遇到了 valuegetter 来动态渲染单元格数据。
但它没有反映在行数据变量中。
下面是我的 columndef
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。请帮我获取行数据模型中的值获取器值
https://stackblitz.com/edit/angular-ivy-vkppt6?file=src%2Fapp%2Fapp.component.ts
解决方案
推荐阅读
- mongodb - 如何计算我的产品在 mongodb 中的平均评分?
- javascript - nodemailer 发送带有特定接收者特定信息的邮件
- python - 用base64替换cid src
- python - 我正在尝试制作一个允许三个输入的程序,然后打印出最大的一个,但代码不起作用
- django - 处理表单中显示的 django ImageField 当前值
- python - 将边界框区域转换为遮罩并将其保存为 PNG 文件
- python - 如何聚合,即根据查询的某个属性获取查询集
- javascript - 知道 forEach 循环何时完成
- javascript - 使用@react-native-firebase/messaging 收到通知后应用程序崩溃
- javascript - 如何在 Jest 中测试异步 XMLHttpRequest 回调?