Angular ag-grid：延迟加载列数据

Question

我有一个特殊的问题要解决。我正在使用 ag-grid 企业版，数据使用 Angular/NgRx 在后端使用 SpringBoot 加载到网格中。网格中有 10 列，其中 9 列很容易从数据库加载。剩余的列在后端处理起来有点复杂，它会影响整体网格加载时间。

这是我要找的东西：

是否可以在 ag-grid 中检索 9 个简单的列并加载网格，并且作为数据剩余的列可用，然后刷新网格。因此，完整的网格加载速度很快，并且在其数据可用后仅更新一列。
我也尝试过主从模型，但我需要将其视为一个列，并且应该可以根据其值进行过滤。
我尝试查看了多个来源，包括，但我无法找到任何有用的指示。

Answer 1

将您的查询一分为二：

第一个将加载 9 列的数据并填充网格。第 10 列将有一些占位符值。
第二个查询将加载剩余列的值，完成后，您可以像这样更新网格数据：

const withCol10 = [
{
    id: 1,
    col10: 42
}
// ...
];
this.gridApi.forEachNode(rowNode => {
  const original = rowNode.data;
  const updated = withCol10.find(i => i.id === original.id);
  if (!updated) {
    rowNode.setData({
      ...original,
      ...updated
    });
  }
});

有关详细信息，请参阅 docs。

Angular ag-grid：延迟加载列数据

Angular ag-grid: Load column data lazily

ag-grid

angular