使用 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 执行全行更新,则获取已编辑的列(带有数据)

使用 ag-Grid 为每一行添加唯一的 id

通过双击由 angular 11 编写的行来检索我的 ag-grid 的行数据的问题

如何在 React AG-grid 中获取固定的行数据

ag-grid - 数据更改时调整细节高度