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

标签 javascript ag-grid

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

gridOptions.api.showLoadingOverlay()

在 ag-grid 中,叠加层下方的行和所有网格功能(按钮、上下文菜单等)仍然可选择/可用。

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

最佳答案

添加这条 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,这是所有这些悲伤和苦难的根源!

关于javascript - 显示加载或任何覆盖时禁用 ag-grid,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43138182/

相关文章:

javascript - Jquery Span 单击查找下一个 div

javascript - JS 验证以正常速度失败,但在单步执行代码时有效

javascript - HTML 5 Canvas 在我的元素中不起作用,但相同的代码在 JSFiddle 中有效?

javascript - var result = wait someFunc() 返回一个对象,但我期望对象列表

angular - 如何动态地为 ag-grid 提供 ID?

javascript - 使用 Dragula Drag and Drop 保存拖动项目的位置,React 版本 (react-dragula)

angular - 自定义 Ag-Grid 主题的问题

vue-router - 如何将 vue-router 链接添加为 ag-grid-vue 列?

angular - 单击单元格按钮以在 Ag 网格中显示 Angular-Material 2 模态窗口

javascript - Ag-Grid - 服务器端行模型 params.failCallback