1. #1
    Sencha User
    Join Date
    Nov 2011
    Posts
    15
    Vote Rating
    0
    cn8319 is on a distinguished road

      0  

    Default Unanswered: Tap event for panel in Carousel?

    Unanswered: Tap event for panel in Carousel?


    How would I edit the following example at:


    http://try.sencha.com/touch/2.0.0/ex...el/viewer.html


    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



    items.push({
    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() {
    console.log(j);
    }
    }

    });


    }


    Thanks

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,652
    Vote Rating
    901
    Answers
    3575
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    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 @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    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.

Thread Participants: 1