显示自定义叠加层的 ag-grid答案

【问题标题】：ag-grid showing a custom overlay显示自定义叠加层的 ag-grid
【发布时间】：2019-10-07 06:26:48
【问题描述】：

有没有办法根据程序逻辑显示其他自定义叠加层？例如。除了“无行”和“正在加载”之外，我还想要一个“错误”叠加层

我已经查看并实现了自定义的“加载”和“无行”覆盖，如下所述：https://www.ag-grid.com/javascript-grid-overlay-component/ 超级简单、非常干净的实现。

理想情况下，显示叠加层的 api 可以带一个参数来指定要使用的模板...

【问题讨论】：

标签： javascript ag-grid

【解决方案1】：

您可以有一个叠加层组件，它根据您发送的参数呈现不同的叠加层。您可以在模板中使用 ngIf 并根据参数呈现不同的 html 来完成此操作。

我认为目前没有任何其他方法可以通过 Ag-Grid 实现。

例如，您可以通过执行以下操作向其发送参数

[loadingOverlayComponent]="loadingOverlayComponent"
[loadingOverlayComponentParams]="loadingOverlayComponentParams"


this.loadingOverlayComponent = "customLoadingOverlay";
this.loadingOverlayComponentParams = { template: "overLay1" };

在你的组件中

export class CustomLoadingOverlay implements ILoadingOverlayAngularComp {

    private params: any;

    agInit(params): void {
        this.params = params;
      if (params.template == "overLay1") {
            // do something
       }
    }
}

我知道这不是完成这项工作的最佳方式，但在我们将某些东西实施到 Ag-Grid 之前，它一直有效

【讨论】：

如何发送参数？
再次检查我的答案
好的，现在如何在运行时设置/更改参数。
您可以将 this.loadingOverlayComponentParams 设置为根据您的需要返回对象的函数。
谢谢，我会尝试并尽快报告！似乎是网格 API 的一个整体弱点。