2013-05-27 54 views
0

我使用sencha touch來開發手機網站。是否可以覆蓋sencha touch carousel的上一個和下一個功能?

Ext.setup({ 
    onReady: function() { 

     new Ext.Carousel({ 
     fullscreen: true, 
     items: [ 
      { 
      html: "Item1" 
}, 
{ 
    html : "Item2" 
} 
]});};}); 

是我使用的。但是可以重寫next()和prev()函數。其實我想在這些函數中做一些事情,然後調用parent.next()我的意思是相同的功能。 任何幫助? 我看到鏈接http://www.sencha.com/forum/showthread.php?110036-Override-Method 但我不明白

回答

1

請參考此代碼爲您的要求。

Ext.Loader.setConfig({ 
    enabled: true 
}); 

Ext.application({ 
    launch: function() { 
     Ext.define('MyApp.view.inbox.MyInbox', { 
      extend: 'Ext.Carousel', 
      config: { 
       itemId:'test', 
       fullscreen: true, 
       items: [{ 
        html: "Item1" 
       },{ 
        html : "Item2" 
       }] 
      }, 
      next:function(){ 
       //Do your thing 

       //This code will call the next in the super class 
       this.callParent(arguments); 
      }, 
      prev:function(){ 
       //Do your thing 

       //This code will call the prev in the super class 
       this.callParent(arguments); 
      } 
     }); 
     Ext.create('MyApp.view.inbox.MyInbox'); 
    } 
}); 
+0

謝謝。我試過這個代碼,但它並沒有進入next和prev函數,它直接進入主要的next和prev函數,我猜 – SSS

+1

這裏是演示工作在小提琴http://jsfiddle.net/blessenm/DJyp6/ – blessenm

+0

確定,工作正常,但在我的情況下,我不想添加任何額外的按鈕。我想重寫next和prev函數,而不添加任何額外的按鈕 – SSS

相關問題