sencha touch - How to enable scrollbar for this following overlay -
el.overlay = Ext.create ('Ext.Panel', {itemId: 'WidgetInfoPanel', html: एचटीएमएल टेक्स्ट, ऊंचाई: 200, चौड़ाई: 300, ऑटोसॉलोल: सच, मोडल: {स्टाइल: 'अस्पष्टता: 0'}, छुपाने ओनमास्कटैप: सच, आइटम: [{xtype: 'button', text: "close" .toUpperCase (), सीएलएस: 'बटन-नारंगी', श्रोताओं: {टैप: फ़ंक्शन (बटन) {el.overlay.hide ()}}}}]}); जैसा कि आप देख सकते हैं यह एक सरल ओवरले बटन क्लिक पर बनाया गया है, लेकिन जब HTML सामग्री बहुत लंबी है, तो यह एक स्क्रॉलबार दिखाने वाला माना जाता है क्योंकि मैंने ऑटोसॉलिस प्रॉपर्टी को सही पर सेट किया है लेकिन मुझे यह नहीं दिख रहा है।
मैं कैसे इसे सक्षम करता हूं, मैं sencha स्पर्श का उपयोग कर रहा हूं
मैं हूं यह सुनिश्चित नहीं है कि इस समस्या का सामना क्यों कर रहे हैं, लेकिन @ सूजता चंदा को 'स्काउल' के लिए 'ऑटोस्क्रॉल' को बदलकर सुझाता है कि समस्या का समाधान होगा।
यहां डेमो है:
-
app.js:
Ext.application ({नाम: 'डेमो', दृश्य: ['मुख्य'],
लॉन्च: फ़ंक्शन () {var mainView = Ext.create ( 'Demo.view.Main'); //Ext.Viewport.add(mainView); वर ओवरले = Ext.create ( 'Ext.Panel', {Itemid: 'widgetInfoPanel', एचटीएमएल: 'Hellllllloooojsdghaaaassssasdasdasdasdasdasdasfasfjgasjfasgfjasgfhasgfhjasgfhasgfjhasgfhdgfhjgasfjkagsfadsgfjhkdsagfjkaegfuywegfkjsadgfuwegfjaesgfiouwerhiuwegrowergiuweghfksjdbfsudiyriuweahbrkjewhabfuweyuiwehiuewhiuuuuudhfudsfhdsufjsdhgfuwiaegfdjsbfiuweagiwejhiuewriewougrhoiweuqgioweuagfiuadsgfuagsefwaeygruyaeygsfuaeisdgfaksdjfgkasdjgfksdjagfksjadhfgewuygfjksdhbfuaegsyfajkhsgfuywegfbjkhsaegrou8weybfkuwegr ', ऊंचाई: 200, चौड़ाई: 300, स्क्रॉल: सच, मोडल: {स्टाइल: 'अस्पष्टता: 0'}, छिपाना ओनमास्कटैप: सच, आइटम: [{xtype: 'बटन', पाठ: "बंद करें" .उपरअपकैस (), सीएलएस: 'बटन-नारंगी', श्रोताओं: {नल: फ़ंक्शन (बटन ) {overlay.hide (); }}}]}); Ext.Viewport.add (ओवरले); overlay.show (); } });
इस ब्राउज़र में जांचें!
Comments
Post a Comment