使用 Javascript 更新行数据的 AG Grid 问题
Posted
技术标签:
【中文标题】使用 Javascript 更新行数据的 AG Grid 问题【英文标题】:AG Grid issues with updating Row data using Javascript 【发布时间】:2021-12-06 21:04:40 【问题描述】:我是 AG Grid 的新手。我目前在更新单个单元格时遇到问题。我可以更新,但旧值仍保留在 UI 中 当网格第一次加载时,我有一个单元格渲染选择器
单元格渲染器
基于此当我第一次加载 AG 网格时它很好。但如果我真的改变了
const r= gridOptions.api.getRowNode(params.data.id);
var test= "InProcess";
r.setDataValue('IsIndexed', test);
我应该只得到图像,但我看到它被附加到现有的
更改后
在 oninit 中我使用了类似的东西
if (params.value === 'ABC')
imgForDLHub = '../Im1/123.png';
else if (params.value === '567')
imgForDLHub = '../Im34/546.png';
【问题讨论】:
【参考方案1】:更改数据后,需要调用 ag-grid 的函数来刷新表格单元格:
api.refreshCells()
这只是一个函数,它接受可选参数并对所有单元格执行更改检测,并在需要时刷新单元格。
查看文档的这些部分了解更多信息:
AG-Grid View Refresh Demo From AG-Grid Docs【讨论】:
嗨哈里斯,还是一样以上是关于使用 Javascript 更新行数据的 AG Grid 问题的主要内容,如果未能解决你的问题,请参考以下文章
使用 Javascript 隐藏或折叠 ag-grid 中的单个特定行
如果使用带有 Angular 6 的 ag-Grid 执行全行更新,则获取已编辑的列(带有数据)