显示加载或任何叠加时禁用ag-grid

Question

使用api调用

显示加载叠加层（或任何其他叠加层）时

gridOptions.api.showLoadingOverlay()

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

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

Answer 1

我遇到了同样的问题，并没有找到任何解决方案来禁用网格。 所以我在loadOverlay之前将rowData设置为空数组，这样用户就无法在加载新数据时修改旧数据。

gridOptions.api.setRowData([]);
gridOptions.api.showLoadingOverlay();

Answer 2

添加此CSS规则：

.ag-bl-overlay {
    pointer-events: auto;
}

出于某种原因，此选择器的默认CSS为：

.ag-bl-overlay {
    height: 100%;
    left: 0;

    pointer-events: none;

    position: absolute;
    top: 0;
    width: 100%;
}

将指针事件设置为无，这是所有这种悲伤和痛苦的根源！

Answer 3

对于服务器端网格，您可以执行以下操作

gridOptions.api.purgeServerSideCache([],0)
gridOptions.api.showLoadingOverlay();