Ale*_*den 5 javascript ag-grid
使用api调用显示加载叠加层(或任何其他叠加层)时
gridOptions.api.showLoadingOverlay()
在ag-grid中,覆盖下面的行和所有网格功能(按钮,上下文菜单等)仍然是可选择/可用的。
有什么办法可以防止这种情况发生?是否有计划在将来的版本中更改此行为?
添加此 CSS 规则:
.ag-bl-overlay {
pointer-events: auto;
}
Run Code Online (Sandbox Code Playgroud)
出于某种原因,这个选择器的默认 CSS 是:
.ag-bl-overlay {
height: 100%;
left: 0;
pointer-events: none;
position: absolute;
top: 0;
width: 100%;
}
Run Code Online (Sandbox Code Playgroud)
将指针事件设置为无,这是所有这些悲伤和痛苦的根源!
我遇到了同样的问题,但没有找到任何禁用网格的解决方案。因此,我在 loadOverlay 之前将 rowData 设置为空数组,以便用户在加载新数据时无法选择修改旧数据。
gridOptions.api.setRowData([]);
gridOptions.api.showLoadingOverlay();
Run Code Online (Sandbox Code Playgroud)