如何从 CellRenderer 和 HeadRenderers 刷新/更新 Ag-Grid答案

【问题标题】：How to refresh/update Ag-Grid from CellRenderer and HeadRenderers如何从 CellRenderer 和 HeadRenderers 刷新/更新 Ag-Grid
【发布时间】：2022-01-14 15:36:19
【问题描述】：

我需要从 HeadRenderer 和 CellRenderer 更新/刷新 Ag-Grid 表。例如，我在 CellRenderer 中有一个按钮，当按下此按钮时。表格已刷新。

const HeaderRenderer = (values) => {
        return (
     <>
      <Button
        onClick={ (e) =>
         {
           //code which redraws Ag-Grid tables
          }
        }
      />
    </>
   );
}

虽然我无法从 CellRenderers 找到任何文档。理论上我应该使用gridApi.refreshCells，但是当我在 CellRenderer 和 HeadRenderer 中使用它时，这些 api 是不受限制的。即使它在onGridReady 中定义。我想用values 参数更新它。我认为它必须是可能的，但我没有找到任何功能？有谁知道CellRenderer 中的values 参数是否可以使用？

【问题讨论】：

标签： reactjs ag-grid ag-grid-angular ag-grid-react ag-grid-vue

【解决方案1】：

您应该能够从单元格渲染器参数访问网格 api。

试试：

const HeaderRenderer = (values) => {
  return (
    <>
      <Button
        onClick={(e) => {
          values.api.refreshCells();
        }}
      />
    </>
  );
};

【讨论】：

感谢您的回答，但不幸的是它不起作用
也许可以试试 values.api.redrawRows()。那样有用吗？你为什么提神？
是的，我也试过了。不幸的是，它没有奏效。表格只是闪了一下，但它仍然显示旧的未更新数据。并且单元格渲染器也显示以前的值，就像它们甚至没有被调用一样。我需要刷新表格，因为我有一列带有单元格渲染器，每个都有按钮。当点击 HeaderRenderer 时，CellRednerers 中的按钮应该改变它的颜色。