首页 > 解决方案 > agGrid 以编程方式配置

问题描述

我刚开始在我的应用程序中实现 ag-grid。

我想以编程方式对其进行配置,我想将所有与 agGrid 配置相关的代码放入Helper.ts中的单独函数中。

我想在我的所有应用程序中使用此功能来配置 agGrid,以便我可以从一个地方管理 agGrid。

我为此写了下面的代码,但看起来它不起作用:

助手类代码:

   public ConfigureAgGrid(gridOptions: GridOptions): GridOptions {
         rowSelection: 'multiple',
         gridOptions.columnDefs = columnDefs;
         gridOptions.rowData = data;
         onSelectionChanged: this.onSelectionChanged,
        gridOptions.api.sizeColumnsToFit();

        return gridOptions;
    }

组件代码:

onGridReady(gridOptions: GridOptions) {
    this.helperService.ConfigureAgGrid(gridOptions);
}

标签: angulargridag-grid-ng2

解决方案


来自ag-grid 网站 有时 gridReady 网格事件会在 Angular 组件准备好接收之前触发,因此在 Angular 环境中,在使用 API 之前依赖 AfterViewInit 会更安全。


推荐阅读