2011-07-11 12 views
6

विशेषज्ञों,JQGrid पाद लेख पर छवि "Loading.gif" करने के लिए डिफ़ॉल्ट संदेश "लोड हो रहा है ..." बदलें

मैं अपने प्रोजेक्ट पर सफलतापूर्वक JQGridलागू कर दिया है साथ। मेरी आवश्यकता है कि मैं jqgrid footer पर छवि "लोडिंग.gif" पर डिफ़ॉल्ट संदेश "लोड हो रहा है ..." को प्रतिस्थापित करना चाहता हूं।

क्या यह कार्यान्वित करना संभव है?

मैंने अधिक स्पष्टता के लिए स्क्रीन शॉट भी संलग्न किया है।

enter image description here

अपडेट किया गया JQGrid पाद एचटीएमएल
enter image description here

धन्यवाद,
Imdadhusen

उत्तर

10

सबसे पहले मैं सुझाव है कि आप दो वर्ष जवाब पढ़ने के लिए: this और this

$.jgrid.defaults.loadtext='' साथ लोड हो रहा है div जो एक एनिमेटेड GIF प्रदर्शित करता है और कोई पाठ आप की तरह

<style type="text/css"> 
    .ui-jqgrid .loading { 
     background: url(loader1.gif); 
     border-style: none; 
     background-repeat: no-repeat; 
    } 
</style> 

उदाहरण के लिए 'लोड हो रहा है' वर्ग की शैली बदलना चाहिए करवाने के लिए डिफ़ॉल्ट पाठ को दूर 'लोड हो रहा है ...' और 'लोडिंग' div को उस स्थान पर ले जाएं जहां आप इसे रखना चाहते हैं। इसके अलावा कुछ सीएसएस शैलियों को समायोजित करने के लिए इसकी आवश्यकता है। उदाहरण

$("#load_list") 
    .css({position:'relative',left:'0',float:'left',width:'4px', 
      height:'4px','margin-top':'3px'}) 
    .prependTo('#pager_left'); 

अंत में के लिए आप इसी डेमो here देखें तरह

enter image description here

कुछ प्राप्त होगा।

+1

बहुत बढ़िया! एक बार फिर ओलेग jQGrid पर बहुत उपयोगी जवाब! – FastTrack

+1

@FastTrack: आपका स्वागत है! – Oleg

+0

उन लोगों के लिए जो एक gif के बजाय FontAwesome के साथ कुछ ऐसा करने का तरीका ढूंढ रहे हैं। मेरा उत्तर यहां देखें: https://stackoverflow.com/questions/4473690/jqgrid-need-to-change-progress-message-loading/47546944#47546944 – RedSands

संबंधित मुद्दे