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
    Posts
    15
    Vote Rating
    0
      0  

    Default 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 - Sr Software Engineer mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    39,551
    Answers
    3931
    Vote Rating
    1271
      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 @LikelyMitch
    Sencha Inc, Senior Software Engineer
    ________________
    Learn BBCode and use it! Checkout the CODE tag!

    Check out my GitHub, lots of nice things for Ext JS and Sencha Touch
    https://github.com/mitchellsimoens

Posting Permissions

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