में खींचने को अक्षम करें क्या कैरोसेल पैनलों के बीच स्वैप करने के लिए ड्रैगिंग के उपयोग को अक्षम करना संभव है? मैं सिर्फ संकेतक का उपयोग करना चाहता हूं।कैरोसेल
कैरोसेल
उत्तर
कोशिश ओवरराइड Carousel में विधि afterRender;
afterRender : function() {
Ext.Carousel.superclass.afterRender.call(this);
this.mon(this.body, {
direction : this.direction,
scope : this
});
this.el.addCls(this.baseCls + "-" + this.direction)
}
पूरे कोड (मैं बच्चे की पद्धति पर खींचें घटनाओं हटाया);
this.car = new Ext.Carousel({
ui : 'light',
items: [
{
html: '<p>Carousels can be vertical and given a ui of "light" or "dark".</p>',
cls : 'card card1'
},
{
html: 'Card #2',
cls : 'card card2'
},
{
html: 'Card #3',
cls : 'card card3'
}],
afterRender : function() {
Ext.Carousel.superclass.afterRender.call(this);
this.mon(this.body, {
direction : this.direction,
scope : this
});
this.el.addCls(this.baseCls + "-" + this.direction)
}
});
बस इसे सेन्चा टच 2.0 लोगों के लिए बाहर फेंक रहा है। उपरोक्त समाधान सेन्चा टच 2.0 के लिए काम नहीं करता है, लेकिन आसपास एक बहुत ही आसान काम है।
Ext.define('Ext.LockableCarousel', {
extend: 'Ext.Carousel',
id: 'WelcomeCarousel',
initialize: function() {
this.onDragOrig = this.onDrag;
this.onDrag = function (e) { if(!this.locked){this.onDragOrig(e);} }
},
locked: false,
lock: function() { this.locked = true; },
unlock: function() { this.locked = false; }
});
यह वास्तव में एक हिंडोला की तरह कार्य करेगा, को छोड़कर अब आप .lock फोन और उस पर .unlock कर सकते हैं। तो आप कुछ ऐसा कर सकते हैं:
Ext.Viewport.add(Ext.create('Ext.LockableCarousel', {
id: 'LockableCarousel',
fullscreen: true,
hidden: false,
items: [
{
html : 'Item 1',
style: 'background-color: #5E99CC'
},
{
html : '<a href="#" onclick="Ext.getCmp(\'LockableCarousel\').lock();">Lock</a><br /><a href="#" onclick="Ext.getCmp(\'LockableCarousel\').unlock();">Unlock</a>',
style: 'background-color: #759E60'
}
]
}));
कोड नमूना के लिए धन्यवाद। यह संकेतक को भी अक्षम करता है, इसलिए वास्तव में यह सब कुछ है जिसे मुझे अस्थायी रूप से कैरोसेल को लॉक करने की आवश्यकता होती है। –
स्पष्ट रूप से सरल। मैंने कॉन्फ़िगरेशन ऑब्जेक्ट में 'लॉक' var को स्थानांतरित कर दिया ताकि कस्टम कैरोसेल जोड़ने के दौरान मैं डिफ़ॉल्ट लॉक स्थिति सेट कर सकूं। यह लॉक var को एक्सेस करने में परिवर्तन करता है: this.getLocked(); – daxiang28
बहुत अच्छा समाधान, महान काम करता है। धन्यवाद! – Phil
- 1. कैरोसेल
- 2. बूटस्ट्रैप कैरोसेल:
- 3. कैरोसेल प्रभाव
- 4. कैरोसेल ViewPager कैसे बनाएं?
- 5. ट्विटर बूटस्ट्रैप कैरोसेल v2.3.2
- 6. बूटस्ट्रैप कैरोसेल आलसी लोड
- 7. jQuery 3 डी कैरोसेल?
- 8. ट्विटर बूटस्ट्रैप कैरोसेल
- 9. बूटस्ट्रैप के कैरोसेल (v2.3.2)
- 10. मुफ्त WPF कैरोसेल कार्यान्वयन
- 11. 3 डी कैरोसेल?
- 12. ट्विटर बूटस्ट्रैप कैरोसेल वर्टिकल स्लाइडिंग
- 13. ट्विटर बूटस्ट्रैप 2 कैरोसेल - jcarousel
- 14. आईपैड पर 3 डी कैरोसेल प्रभाव
- 15. PagePontainer का उपयोग करके ViewPager कैरोसेल FragmentPagerAdapter
- 16. बूटरस्ट्रैप कैरोसेल नेविगेशन शो केवल होवर पर
- 17. बूटस्ट्रैप कैरोसेल "स्लाइड" ईवेंट और .next क्लास
- 18. एंड्रॉइड में वर्टिकल कैरोसेल कैसे बनाएं?
- 19. ट्विटर बूटस्ट्रैप कैरोसेल - वर्तमान सूचकांक का उपयोग
- 20. ट्विटर बूटस्ट्रैप कैरोसेल स्लाइड काम नहीं करता
- 21. बूटस्ट्रैप कैरोसेल छवि की तुलना में अन्य सामग्री
- 22. jQuery कैरोसेल। अगला या पिछला तत्व कैसे दिखाएं केवल
- 23. ट्विटर बूटस्ट्रैप कैरोसेल स्लाइड पर "पृष्ठभूमि-आकार: कवर" लागू करें
- 24. पेज लोड पर ट्विटर बूटस्ट्रैप कैरोसेल प्लगइन देरी
- 25. बूटस्ट्रैप कैरोसेल स्वचालित रूप से स्लाइड नहीं कर रहा है
- 26. बूटस्ट्रैप में छवि स्केल को पूर्ण ऊंचाई पर कैसे बनाएं - कैरोसेल?
- 27. क्या एक पृष्ठ पर कई ट्विटर बूटस्ट्रैप कैरोसेल होना संभव है?
- 28. बूटस्ट्रैप कैरोसेल को एक विशिष्ट अनुक्रमणिका पर जाने के लिए कैसे कहें?
- 29. एंड्रॉइड - विजेट की तरह कैरोसेल जो बाएं और दाएं तत्वों का एक भाग प्रदर्शित करता है
- 30. ट्विटर 2.2 कैरोसेल उदाहरण: छवि अनुपात को बनाए रखने के लिए कैसे?
धन्यवाद, यह काम करता है। लेकिन मुझे यकीन नहीं है कि यह कैसे करता है :) क्या आप इसे समझा सकते हैं? – Egor4eg
बेशक। विचार सरल है। हमें ड्रैगिंग को अक्षम करना होगा और उस स्थिति में ड्रैग श्रोता को हटाने के साथ यह संभव है। Sencha-touch.js में रेंडर विधि के बाद जोड़े गए श्रोता को खींचें। हम बाद की विधि को ओवरराइड करते हैं, इसलिए सेन्चा-टच के बाद रेंडर विधि नहीं चलती है, हमारी नई विधि चलती है और हमारी विधि ड्रैग श्रोता नहीं जोड़ती है। मुझे आशा है कि यह विवरण स्पष्ट है। :) –
धन्यवाद, मुझे विचार मिला। – Egor4eg