angular - 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);
}
解决方案
来自ag-grid 网站 有时 gridReady 网格事件会在 Angular 组件准备好接收之前触发,因此在 Angular 环境中,在使用 API 之前依赖 AfterViewInit 会更安全。
推荐阅读
- python - 在 Anaconda 界面中将 Spyder 更新到 4.1.5 版后,我无法再启动 Spyder
- php - 如何连接两个类以从数据库中读取信息?
- pdf - 从 TikZ 图形转换的 ImageMagick 会产生奇怪的结果
- python-3.x - Python中根据具体元素个数将一个列表拆分成二维列表
- matlab - 频域逆滤波器设计的图像去模糊
- c - `int j = i + rand()/(RAND_MAX /(curr_pos-i) + 1);` 是什么意思?
- ionic-framework - How To: Separate Contacts in Android
- amazon-web-services - Route53 中的域将根指向外部主机,在 AWS 中保留子域
- python - 如何在 Jupyter Lab 中设置路径以查找 CSV 文件?
- angular - 如何在不破坏响应性的情况下在容器流体上添加边距