显示加载或任何叠加时禁用农业网格

Ale*_*den 5 javascript ag-grid

使用api调用显示加载叠加层(或任何其他叠加层)时

gridOptions.api.showLoadingOverlay()

在ag-grid中,覆盖下面的行和所有网格功能(按钮,上下文菜单等)仍然是可选择/可用的。

有什么办法可以防止这种情况发生?是否有计划在将来的版本中更改此行为?

Esk*_*kei 5

添加此 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)

指针事件设置为,这是所有这些悲伤和痛苦的根源!


Dee*_*i-l 3

我遇到了同样的问题,但没有找到任何禁用网格的解决方案。因此,我在 loadOverlay 之前将 rowData 设置为空数组,以便用户在加载新数据时无法选择修改旧数据。

gridOptions.api.setRowData([]);
gridOptions.api.showLoadingOverlay();
Run Code Online (Sandbox Code Playgroud)