Unanswered: AUTO SLIDING IN CAROUSEL while using MVC architecture

Hi ,
I am trying to enable autoslide to my carousel.In my application,the carousel is a child of which viewport is a parent.I couldn't call/define any function in the 'listeners'.Whenever I refer the element using "this",I think the reference points to the parent viewport ,Also,my attempt to use the 'xtype' also failed.Can anyone help me?

Hi,
I have a tab panel as parent.Inside that I have two panels.In one of that panel,I have a carousel and a list.
I have to make that carousel to slide automatically in a specific interval.Let me show the code of my carousel. Hopefully awaiting your reply.

Hi oddz,
Thanks.I meant exactly what you have asked.The carousel autosliding should be delayed while user interacts with it.So I have to listen for user interaction.
By object, I thought of referring the root level Ext. element,I mean the carousel itself.But it will be great if you can provide pieces of code for accessing both,items within the carousel, as well as root level element. Hopefully awaiting your reply...

},onDrag : function() {this.callParent(arguments);},onDragEnd: function() {this.callParent(arguments);},/***********************************/listeners:{// Here I couldn't get access to the object of carousel.I couldn't use "this" or "xtype" here.//

}

}

For accessing a listener on a 'this', its default is do scope itself on the object that defines it - in your case 'Article'. However, there must exist an event before you can listen - check docs for these. In short, what happens is the same as the above override - the user functionality is run and then the corresponding general (if any) event handler runs. You could do like this: