Kendo Grid - 它自己的加载指示器

Posted 2023-05-07

【中文标题】Kendo Grid - 它自己的加载指示器

【英文标题】：Kendo Grid - its own Loading indicator

【发布时间】：2013-03-03 21:48:20

【问题描述】：

Kendo 网格在加载、分页、排序时自动提供自己的加载指示器。它工作正常。

但我不希望显示/隐藏此内置加载指示器。

如何禁用此功能？

请给我建议。

谢谢， 维诺特

【参考方案1】：

简单，只需用 CSS 隐藏即可。您的选择器需要比内置的 Kendo 类更具体。为此，您可以使用 Grid 的 ID。

#grid .k-loading-image 
    background-image: none;

如果您想移除加载掩码，您也可以使用 CSS 来实现。

#grid .k-loading-color 
    opacity: 0;

【讨论】：

您好 nukefusion，感谢您的回答。上面的代码只会将背景图像设为无，但会显示蒙版。我的问题是我不想要整个 k-loading 课程。把这段代码 $('#mygrid').removeClass('.k-loading') 放在哪里？无论是在网格数据绑定还是请求启动还是 jquery document.ready.. 请帮助我..

如果你不想要掩码，你也可以用 CSS 隐藏它，你不需要求助于 javascript 修改。查看我的编辑。

【参考方案2】：

我有两个名为“grid1”和“grid2”的网格 - 每个都包含在一个 div 中；命名为“grid1panel”和“grid2panel”。为了移除微调器/等待光标，我为网格面板“.k-loading-image”和“.k-loading-color”添加了一个覆盖；这仅针对这些特定网格将其删除。

示例 CSS

/* DISABLE KENDO SPINNER/WAIT CURSOR */
.grid1panel .k-loading-image 
    background-image: none;

.grid1panel .k-loading-color 
    opacity: 0;

.grid2panel .k-loading-image 
    background-image: none;

.grid2panel .k-loading-color 
    opacity: 0;