顯示自定義疊加層的 ag-grid

Question

有沒有辦法根據程序邏輯顯示其他自定義疊加層？ 例如，除了“無行”和“正在加載”之外，我還想要一個“錯誤”覆蓋

我已經查看並實現了自定義的“加載”和“無行”覆蓋，如下所述： https://www.ag-grid.com/javascript-grid-overlay-component/超級簡單，非常干凈的實現。

理想情況下，顯示覆蓋的 api 可以采用指定要使用的模板的參數...

Answer 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 之前，它一直有效