2013-03-15 80 views
10

当网格加载,分页,排序时,Kendo网格会自动提供自己的加载指示灯。它工作正常。Kendo Grid - 自己的加载指示灯

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

如何禁用此功能?

请告诉我。

感谢, Vinoth

回答

12

简单,只需用CSS隐藏它。你的选择器需要比内置的Kendo类更具体。你可以使用Grid的ID。

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

如果你想删除加载掩码,你也可以用CSS来完成。

#grid .k-loading-color { 
    opacity: 0; 
} 
+0

嘿nukefusion,谢谢您的回答。上面的代码只会将背景图像设置为none,但会显示蒙版。我的问题是我不想要整个k加载类。在哪里放这个代码$('#mygrid')。removeClass('。k-loading')?无论是在网格数据绑定或请求开始或jQuery文档。准备..请帮助我.. – Vicky 2013-03-15 12:36:13

+0

如果你不想掩码你也可以用CSS隐藏,你不需要求助于JavaScript的修改。看我的编辑。 – nukefusion 2013-03-15 12:49:35

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; 
}