JQGrid, प्रगति संदेश को बदलने की आवश्यकता है "लोड हो रहा है ..."

Question

मैं एनिमेटेड gif छवि के साथ कुछ को JQGrid "लोड हो रहा है ..." संदेश बदलना चाहता हूं। हर जगह देखा लेकिन एक रास्ता नहीं मिल सका। कृपया कोई भी

Answer 1

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

उपयोग करने के लिए यह काम करना चाहिए की कोशिश करो। कुछ एनिमेटेड gifs उदाहरण के लिए here से लोड किया जा सकता है। वैसे, div होने "लोड हो रहा है ..." संदेश प्रपत्र

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

जहां आईडी "load_list" उपसर्ग "load_" और तालिका तत्व की आईडी से निर्माण किया जाएगा है।

UPDATED: पाठ निकालने के लिए "लोड हो रहा है ..." आप उपयोग कर सकते हैं loadtext:'' jqGrid विकल्प या grid.locale-en.js से $.jgrid.defaults.loadtext वैश्विक सेटिंग के ऊपर लिख:

$.jgrid.defaults.loadtext=''; 

आप चौड़ाई, ऊँचाई को समायोजित करने की जरूरत है या लोडिंग div का कोई अन्य सीएसएस पैरामीटर आप इसे उसी तरह से कर सकते हैं। उदाहरण के लिए,

.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

यह शायद एक gif के बजाय FontAwesome का उपयोग कर प्रश्न का एक और आधुनिक उत्तर है। मुझे यह नहीं पता था कि इसे कहीं भी उत्तर दिया गया है और उसे विभिन्न स्थानों से एक साथ टुकड़ा करना था जिसमें उपरोक्त उत्तर @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> 

और उसके बाद निम्न (वास्तव में इस तरह) $ के बाद जगह (document) .ready (function() {

$.jgrid.defaults.loadtext='';