2011-04-13 7 views
18

मैं डेटाटेबल्स का उपयोग कर रहा हूं। मेरा कोड ठीक काम कर रहा है। अब मैं एक लोडर छवि (gif) जोड़ना चाहता हूं। मुझे नहीं पता कि इसे कैसे जोड़ा जाए। अब तक मेरी डेटाटेबल स्क्रिप्ट है।डेटाटेबल्स में लोडर जीआईएफ दिखाना चाहते हैं

$(document).ready(function() { 
    $("#dvloader").show(); 
    oTable = $('#example').dataTable({ 
     "bJQueryUI": true, 
     "sPaginationType": "full_numbers"     
    }); 
}); 

यहाँ मेरी लोडर है:

<div id="loader"> 
    <img src="ajaxloader.gif" /> 
</div> 
+0

आपने यह नहीं बताया कि आप कहां और किस घटना पर इस छवि को प्रदर्शित करना चाहते हैं, क्या आप इस छवि के साथ 'प्रसंस्करण,' स्ट्रिंग को प्रतिस्थापित करना चाहते हैं? – anu

+0

@anu हाँ मैं छवि प्रदर्शित करना चाहता हूं। –

उत्तर

55

आप के रूप में आप टिप्पणी में उल्लेख किया है एक छवि के साथ 'संसाधित ...' स्ट्रिंग को बदलने के लिए आप एक बार देख लेने की जरूरत चाहते हैं here

$('#example').dataTable({ 
    oLanguage: { 
     sProcessing: "<img src='loading.gif'>" 
    }, 
    processing : true 
}); 
+5

विकल्प 'प्रोसेसिंग: सच' – sulaiman

+4

जोड़ने के लिए मत भूलना विरासत डेटाटेबल्स का उपयोग करके फंस गए किसी भी व्यक्ति के लिए आपको' प्रोसेसिंग 'के बजाय 'bProcessing: true' का उपयोग करने की आवश्यकता है: सत्य' – mason81

+0

मैंने उसी तरीके से उपयोग किया है, लेकिन छवि के लिए प्रदर्शित नहीं हो रहा है आईई 11 और क्रोम। यह केवल फ़िरफ़ॉक्स में ठीक काम कर रहा है। –

8

datatables 1.10 में और उसके बाद, आप का उपयोग करना चाहिए:

$('#example').dataTable({ 
    language: { 
    processing: "<img src='loading.gif'>" 
    }, 
    processing: true 
}); 

आज के रूप में आवश्यक नहीं है, लेकिन नए दस्तावेज़ों को और अधिक मानक दिया गया है। सबसे हालिया अपडेट में परियोजना Hungarian notation to standard camelCase का उपयोग करने से बदल गई। ब्याज की:

कृपया ध्यान दें कि हंगेरी संकेतन विकल्प अस्वीकार्य है और (विस्तार का अगले मुख्य संस्करण अद्यतन पर एक्सटेंशन के भविष्य के संस्करणों में निकाल दिया जाएगा - यानी 1.x 2.x के लिए, हालांकि 2.x आने वाले लंबे समय तक योजनाबद्ध नहीं है - अभी भी 1.x श्रृंखला में जीवन का भरपूर!)। उस बिंदु से पहले हंगेरियन नोटेशन को हटाने के लिए एक्सटेंशन के लिए दस्तावेज़ अपडेट किया जाएगा।

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