2013-03-15 40 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; 
}