2013-03-15 14 views
10

ग्रिड लोड, पेजिंग, सॉर्टिंग के दौरान केंडो ग्रिड स्वचालित रूप से अपना लोडिंग सूचक प्रदान करता है। यह ठीक काम कर रहा है।केंडो ग्रिड - इसका अपना लोडिंग सूचक

लेकिन मैं नहीं चाहता कि यह अंतर्निहित लोडिंग सूचक दिखाया जाए/छुपाया जाए।

मैं इस सुविधा को कैसे अक्षम कर सकता हूं?

कृपया मुझे सलाह दें।

धन्यवाद, Vinoth

उत्तर

12

सरल, बस इसे सीएसएस के साथ छिपाना। आपके चयनकर्ता को अंतर्निहित केंडो कक्षाओं से अधिक विशिष्ट होने की आवश्यकता होगी। आप इसके लिए ग्रिड आईडी का उपयोग कर सकते हैं।

#grid .k-loading-image { 
    background-image: none; 
} 

आप लोड हो रहा है मुखौटा निकालना चाहते हैं तो आप भी सीएसएस के साथ पूरा कर सकते हैं कि।

#grid .k-loading-color { 
    opacity: 0; 
} 
+0

अरे nukefusion, आपका जवाब के लिए धन्यवाद। उपर्युक्त कोड केवल बैकग्राउड छवि को किसी के रूप में नहीं बनाएगा बल्कि यह मुखौटा दिखाएगा। मेरा सवाल है कि मैं पूरी के-लोडिंग कक्षा नहीं चाहता हूं। इस कोड को कहां रखा जाए ('# mygrid')। RemoveClass ('। K-loading')? चाहे ग्रिड डाटाबेस या अनुरोध शुरू करें या jquery document.ready .. कृपया मेरी मदद करें .. – Vicky

+0

यदि आप मास्क नहीं चाहते हैं तो आप इसे सीएसएस के साथ भी छुपा सकते हैं, आपको जावास्क्रिप्ट संशोधनों का सहारा लेने की आवश्यकता नहीं है। मेरा संपादन देखें। – nukefusion

2

मेरे पास "ग्रिड 1" और "ग्रिड 2" नामक दो ग्रिड थे - प्रत्येक को एक div के भीतर संलग्न किया गया था; "ग्रिड 1 पैनेल" और "ग्रिड 2 पैनेल" नाम दिया गया। स्पिनर/प्रतीक्षा कर्सर को हटाने के लिए मैंने ग्रिड पैनलों ".k-loading-image" और ".k-loading-color" के लिए ओवरराइड जोड़ा; यह सिर्फ इन विशिष्ट ग्रिड के लिए हटा दिया।

नमूना सीएसएस

/* 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; 
} 
संबंधित मुद्दे