キャロルパネル間でドラッグしてドラッグする機能を無効にすることはできますか? 私はちょうどインジケータを使いたいです。カルーセルにおける方法afterRenderキャロルでのドラッグを無効にする
5
A
答えて
1
試行オーバーライドは、
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)
}
});
10
これをSencha Touch 2.0の人に向けて投げてください。上記のソリューションはSencha Touch 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'
}
]
}));
関連する問題
- 1. RecyclerViewアイテムのドラッグを無効にする
- 2. CSSホバーを無効にするドラッグ
- 3. 無効にドラッグ選択
- 4. スワイパータッチイベント - クリックを有効にするが、ドラッグを無効にする
- 5. ドラッグjQueryを有効にして無効にする
- 6. ドラッグ&ドロップを無効にする方法をJqueryでソートする
- 7. Flexでパネルのドラッグを無効にする方法
- 8. モバイルでドラッグ中にスクロールを無効にする
- 9. jQuery Mobile - スクロールを無効にするページのドラッグを有効にする
- 10. 子要素でドラッグ可能なjQueryを無効にする
- 11. ListBoxで「ドラッグ選択」を無効にする
- 12. AppBarLayout選択したビューでドラッグを無効にする
- 13. 中マウスボタンでドラッグ選択を無効にする方法は?
- 14. すべての画像のドラッグを無効にする
- 15. ドラッグ中にTreeNodeの選択を無効にする
- 16. mxGraph - ドラッグ時に頂点の選択を無効にする
- 17. gxtの固定列にドラッグ&ドロップを無効にする
- 18. cytoscape.js内の領域外のノードのドラッグを無効にする
- 19. WinForms - MenuStripと他のウィンドウのドラッグを無効にする
- 20. script.aculo.usのドラッグ可能を無効にする方法
- 21. AndroidとGoogleMaps:mapViewのドラッグを無効にする
- 22. div(クリック、ドラッグ、スクロール)とのやり取りを無効にする
- 23. Textareaのドラッグ&ドロップを無効にする方法
- 24. mapsforgeのスクロールやドラッグだけを無効にする方法
- 25. Eclipse e4のドラッグ&ドロップ部分を無効にする
- 26. ネスト可能なjQueryプラグイン - リスト間のドラッグを無効にする
- 27. Googleマップのドラッグ、ズーム、カーソルの変更を無効/有効にする方法v3
- 28. ファイルシステムイメージのブラウザへのドラッグを無効にします。
- 29. タッチデバイス上で片手でドラッグする機能を無効にする方法
- 30. ドラッグ可能なアイテムの内容をスクロールするときにjQueryのドラッグを無効にする
ありがとう、それは動作します。しかし、私はそれがどうしているのか分からない:)あなたはそれを説明できますか? – Egor4eg
もちろん。アイデアは簡単です。ドラッグを無効にする必要があります。その場合、ドラッグリスナーを削除することが可能です。 sencha-touch.jsのafterRenderメソッドで追加されたリスナーをドラッグします。 afterRenderメソッドをオーバーライドして、sencha-touchのafterRenderメソッドは実行されません。新しいメソッドが実行され、メソッドはドラッグリスナーを追加しません。この説明がはっきりしていれば幸いです。 :) –
ありがとう、私は考えを得た。 – Egor4eg