JQGrid，需要改變進度消息「正在加載...」

Question

我想將JQGrid「Loading ...」消息更改爲帶有動畫gif圖像的東西。到處看，卻找不到方法。任何人都請。

Answer 1

嘗試使用

.ui-jqgrid .loading { background: url(ajax-loader.gif); } 

它應該工作。一些動畫gif可以從here加載。順便說一句，具有格「正在加載...」消息有其中ID「load_list」將前綴「load_」和表元素的ID構造形式

<div id="load_list" class="loading ui-state-default ui-state-active">Loading...</div> 

。

修訂：刪除文本「正在加載...」您可以使用loadtext:'' jqGrid的選項或覆蓋從grid.locale-en.js$.jgrid.defaults.loadtext全局設置：

$.jgrid.defaults.loadtext=''; 

如果您需要調整寬度，高度或加載div的任何其他CSS參數都可以用同樣的方法來完成。例如，

.ui-jqgrid .loading 
{ 
    left: 45%; 
    top: 45%; 
    background: url(ajax-loader.gif); 
    background-position-x: 50%; 
    background-position-y: 50%; 
    background-repeat: no-repeat; 
    height: 20px; 
    width: 20px; 
} 

Answer 2

這可能是使用FontAwesome而不是gif的問題的更現代的答案。我無法找到這個地方的答案，並且不得不把它從各個地方拼湊起來，包括@oleg上面的答案。

希望這會有助於其他人搜索。

<style> 
    .ui-jqgrid .loading { 
     background-color: transparent; 
     border: 0px; 
     -webkit-animation: fa-spin 2s infinite linear; 
     animation: fa-spin 2s infinite linear; 
    } 

    .ui-jqgrid .loading:before { 
     content: "\f110"; 
     font-family: FontAwesome; 
     font-size:40px; 
    } 
</style> 

，然後將$後下面（恰好是這樣）（文件）。就緒（函數（）{

$.jgrid.defaults.loadtext='';