vue.js - 如何验证 ag-grid 单元格的数据?
问题描述
我想验证单元格,当数字与 9 不同时,我想更改背景
我有这张桌子:
{
cellEditor: 'numberRenderer',
width: 150,
cellClass: this.compareValues,
newValueHandler: this.compareValues,
cellEditorParams: {
required: true,
},
compareValues(params) {
return params.value === 9?'':'myClass';
},
.myClass
background: var(--ag-header-background-color, #222628)
但是当我输入数字 9 时,我没有看到风格的变化,这是什么问题?
解决方案
试试这个cellStyle
{
cellEditor: 'numberRenderer',
cellStyle: function (params) {
if(params.value !==9){
setTimeout(() => {
params.api.refreshCells({
force: true,
rowNodes: [params.api.node],
});
}, 10000);
return {background: 'red'};
}
}
}
尝试刷新:-
params.api.refreshCells({
force: true,
rowNodes: [params.api.node]
});
推荐阅读
- excel - 使用表格最后一列中最后一个单元格的值来触发宏 vba
- mysql - 在nodejs中正确插入mysql?
- math - 我想获得三个变量的不同值列表,这些变量加起来为 1,增量为 0.05
- aws-lambda - 为什么我不能等待对 LambdaHelper.callAsync 的调用?
- php - PHP 运行了两次
- command-line-interface - 1Password CLI (op): 无法让 `--session` 标志与任何命令一起使用
- android - 如何在 onBindViewHolder() 中调整 ViewHolder 的高度?
- javascript - 在字符串Javascript中获取对象的名称
- python - 如何使用 Python 中的类制作快速查找算法并返回列表集作为结果
- javascript - 单击 Chrome 扩展程序的浏览器操作时将文本复制到剪贴板