ड्रापडाउन मेनू kendogrid

Question

अंदर छुपा मेरी kendogrid में मैं एक लटकती मेनू (बटन पर क्लिक) को दिखाने के लिए और स्तंभ का आकार बदलने, एक स्क्रॉल पट्टी दिखा यदि मेरे डेटा ग्रिड लिए बहुत बड़ी है की अनुमति देते हैं की जरूरत है। मुझे ओवरफ्लो सेटिंग्स में समस्याएं आ रही हैं।

लाइव नमूना http://jsbin.com/gayibo/4/edit?css,output

---

अगर मैं अपने ग्रिड पर overflow-y: scroll निर्धारित करते हैं, लटकती मेनू हमेशा दिखाई नहीं है।

---

दूसरी ओर, अगर मैं overflow-y: visible निर्धारित करते हैं, मैं सही पर उमड़ती पंक्तियां दिखाई।

मैंने अपने अतिरिक्त पंक्ति डेटा के शीर्ष पर पीले रंग के div को दिखाते हुए, हर संभव ओवरफ्लो संयोजन, जेड-इंडेक्स बदलने, सब कुछ करने की कोशिश की है। कुछ भी काम नहीं किया।

मैं भी position: fixed के लिए ड्रॉपडाउन मेनू बदल रहा है की कोशिश की लेकिन यह समस्या देता है आप किसी भी कारण खिड़की स्क्रॉल कर रहे हैं जब (क्योंकि तब मेनू सही बटन के तहत नहीं दिखा रहा है)

जैसे: फिक्स्ड पोजीशनिंग मेनू के

ब्राउज़र: 2.3.2

: क्रोम/फ़ायरफ़ॉक्स

ट्विटर-बूटस्ट्रैप (एफएफ अधिक एक ही प्रभाव प्राप्त करने के लिए आकार बदलने की आवश्यकता है)

Answer 1

मैं अलग समाधान की एक बहुत कोशिश की लेकिन अंत में मैं एक context-menu plugin, बूटस्ट्रैप थीम पर आधारित का उपयोग करने के लिए चुना है, मेरे बटन पर क्लिक करने के लिए यह बाध्यकारी। मैं एक नमूना कोड पोस्ट करूंगा, उम्मीद करता हूं कि यह एक ही स्थिति में दूसरों के लिए उपयोगी होगा।http://sydcanem.github.io/bootstrap-contextmenu/

यह कोडिंग और एक प्लगइन का एक छोटा सा शामिल है, लेकिन मुझे लगता है कि परिणाम मेरी (दृश्य) के लिए सही मायने में उत्कृष्ट है की जरूरत है:

यह मैं उपयोग कर रहा हूँ संदर्भ मेनू प्लगइन है।

यहाँ अपने जवाब के लिए jsBin

Answer 2

अतीत में मैंने अतीत में थोड़ा अलग परिदृश्य के साथ अनुभव किया है। आखिरी पंक्ति को सत्यापित करते समय केंडो ग्रिड का अपना डेटा सत्यापन संदेश छुपाया जाएगा।

चीजों को गड़बड़ किए बिना इसे ठीक करने का एक उचित तरीका प्रतीत नहीं होता है, लेकिन यदि आप इस हैक के साथ ठीक हैं, तो आप इस कोड का उपयोग कर सकते हैं।

 $('#grid').on('click', '.btn.btn-mini.dropdown-toggle',function(e){ 
     setTimeout(function(){ 
      var gridSpace = $('.k-grid-content'); 
      gridSpace.animate({scrollTop:500}); 
     },50); 
     }); 

जब भी मैं आपके कस्टम ग्रिड बटन पर क्लिक करता हूं तो मैं बस नीचे स्क्रॉल कर रहा हूं।

• 500 एक मनमाना ऊंचाई कि केन्डो ग्रिड सामग्री div और लटकती ऊंचाई संयुक्त से भी बड़ा है।
• setTimeout स्क्रॉलबार के निर्माण के बाद स्क्रॉलिंग निष्पादित करने के लिए है।

यदि ड्रॉपडाउन स्क्रॉलबार के निर्माण का कारण नहीं बनता है, तो इसका मतलब है कि कोई ड्रॉपडाउन छिपा हुआ नहीं है, और scrollTop कुछ भी नहीं करता है क्योंकि कोई स्क्रॉलबार नहीं है। यदि एक ड्रॉपडाउन स्क्रॉलबार के निर्माण का आह्वान करता है, तो इसका मतलब है कि यह छिपा हुआ है और बहुत नीचे स्क्रॉल करना ठीक है।

आपका अपडेट किया गया jsBin ...