在启动过程中如何在ag grid中使用showLoadingOverlay
在启动过程中如何在ag grid中使用showLoadingOverlay
提问于 2020-08-30 18:26:45
我正在使用ag grid在我的一个应用程序中显示表格。在应用程序初始化期间加载数据时，我看不到正在加载的消息。下面是我的代码，
ngOnInit() {
this.gridOptions =
{
columnDefs: this.columnDefs,
overlayLoadingTemplate:
'<span class="ag-overlay-loading-center">Please wait while your rows are loading</span>',
rowData: [],
enableCellChangeFlash: true,
onGridReady: function (params)
{
params.api.setRowData(this.rowData);
params.api.showLoadingOverlay();
},
onFirstDataRendered(params)
{
params.api.sizeColumnsToFit();
},
defaultColDef: {
flex: 1,
minWidth: 100,
resizable: true,
headerCheckboxSelection: this.isFirstColumn,
checkboxSelection: this.isFirstColumn,
},
suppressRowClickSelection: true,
rowSelection: 'multiple',
};
//var user_from_date = this.fromDate
}回答 1
Stack Overflow用户
回答已采纳
发布于 2020-08-30 19:46:20
在您的代码中，当网格准备就绪时设置行数据，这意味着ag-grid将在初始化API后立即显示数据，这就是为什么您看不到任何加载。如果您稍微延迟一点，您可能会看到加载覆盖。
onGridReady: function (params)
{
params.api.showLoadingOverlay();
setTimeout(() => {
params.api.setRowData(this.rowData);
}, 500);
},需要注意的是，如果可能的话，ag-grid会尝试在内部为您处理覆盖，因此在获取数据时，您不必调用GridApi.hideOverlay()。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/63656448
复制相关文章
相似问题
腾讯云开发者
