显示加载或任何覆盖时禁用 ag-grid答案

【问题标题】：Disable ag-grid when showing loading- or any overlay显示加载或任何覆盖时禁用 ag-grid
【发布时间】：2017-08-25 13:52:16
【问题描述】：

当使用 api 调用显示加载叠加层（或任何其他叠加层）时

gridOptions.api.showLoadingOverlay()

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

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

【问题讨论】：

【解决方案1】：

添加此 CSS 规则：

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

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

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

    pointer-events: none;

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

pointer-events 被设置为 none，这是所有这些悲伤和痛苦的根源！

【讨论】：

【解决方案2】：

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

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

【讨论】：

【解决方案3】：

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

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

【讨论】：