angular - 如何在单元格值更改时更改后续单元格的背景颜色?
问题描述
我正在使用包含以下列的 agGrid:-
genderColDef = [
{
headerName: 'Gender Name', field: 'Name',
onCellValueChanged: this.genderCellValueChanged.bind(this),
},
{
headerName: 'Request Number', field: 'RequestNumber',
cellStyle: { 'background-color': null }
},
];
当我编辑名为“性别名称”的列时,它应该更改字段“请求编号”的背景颜色,以便用户了解它也是强制填写的。我在单元格值更改功能中添加了以下代码:-
genderCellValueChanged(event: any) {
if (event.newValue != event.oldValue)
this.genderColDef[1].cellStyle = { 'background-color': 'red'};
let refreshParams = {
force: true,
rowNodes: [event.node]
};
event.api.refreshCells(refreshParams);
console.log(this.genderColDef);
}
但是,这不会改变单元格的背景颜色。你能告诉我原因吗?
解决方案
onCellValueChanged
应该在 gridOptions 对象上,而不是在列定义上。如果你把它移到那里,那么它应该可以工作。
推荐阅读
- javascript - 带有脚本的区块链的前端虚拟机和代码编辑器究竟是如何工作的?
- css - 您尝试使用标准 CSS 解析器解析 SCSS;使用 postcss-scss 解析器重试
- javascript - Firebase Firestore / React Native 聊天通知
- python - 从字典列表中删除键
- php - 有一个带有“加入”和“位置”的 Laravel 查询,以便获得基于过敏原限制的配方?
- python - 为什么在 Jupyter 中以逗号和空格开头的行会生成一个字符串元组?
- java - 在java中并行化for循环
- javascript - 带有 $group 的 Angular controller.js 聚合方法
- javascript - React - sinon 测试 - 获取 TypeError:无法读取未定义的属性“子字符串”
- docker - Kafka Streams 无法连接到无 Zookeeper 代理