Results 1 to 2 of 2

Thread: Tap event for panel in Carousel?

Hybrid View

Previous Post Previous Post   Next Post Next Post
  1. #1
    Sencha User
    Join Date
    Nov 2011
    Vote Rating

    Default Unanswered: Tap event for panel in Carousel?

    How would I edit the following example at:

    so that when you click on a image within the carousel I display the name of the image?

    I tried editing the following and got the tap listener to work, but I am logging the last iteration in the loop and not the actual panel I am tapping on?

    for (j = 1; j <= itemsCountPerCategory; j++) {
    //and push each of the image as an item into the items array
    //you can see we are using the img xtype which is an image component,
    //and we just give is a custom cls to style it, and the src
    //of the image

    xtype: 'image',
    cls: 'my-carousel-item-img',
    src: 'resources/photos/' + category + '/' + j + '.jpg',

    // Add some code here to hndle the swipe or click of image
    listeners : {
    tap : function() {




  2. #2
    Sencha - Sr Software Engineer mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Gainesville, FL
    Vote Rating


    Instead of using j (you should really use variable names that are meaningful), use the scope of the listener which in this case will be the Ext.Img instance that was tapped on.
    Mitchell Simoens @LikelyMitch
    Sencha Inc, Senior Software Engineer
    Learn BBCode and use it!

    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2

    Think my support is good? Get more personalized support via a support subscription.

    Need more help with your app? Hire Sencha Services

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts