is it possible to override sencha touch carousel previous and next functions?

Question

I am using sencha touch to develop mobile website.

Ext.setup( {
    onReady: function() {

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

is what i use. But is it possible to override next() and prev() functions. Actually i want to do something inside those function and then call parent.next() i mean same function . Any help?? I saw the link http://www.sencha.com/forum/showthread.php?110036-Override-Method But i cant understand that

Answer 1

Refer this code for your requirement.

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');
    }
});