1. #1
    Sencha User
    Join Date
    Oct 2012
    Posts
    1
    Vote Rating
    0
    gillesBe is on a distinguished road

      0  

    Default Unanswered: In Sencha built app testing/production -Swipe event on carousel is not caught

    Unanswered: In Sencha built app testing/production -Swipe event on carousel is not caught


    i have successfully build my app in Testing and Production mode, but the swipe event of carousel is not catch.
    I can only navigate throw the carrousel when i click on the Indicator dots and when i try to swipe with fingers nothing appends.


    I made a simple example with the KitcheSink Carousel . The swipe event works fine only in Development mode.
    Here the script :


    /**
    * Demonstrates how use an Ext.Carousel in vertical and horizontal configurations
    */
    Ext.define('NotesApp.view.CarouselTest', {
    extend: 'Ext.Container',
    alias: "widget.carouselTest",//ou xtype






    requires: [
    'Ext.carousel.Carousel', 'Ext.event.*'
    ],


    config: {
    cls: 'cards',
    layout: {
    type: 'vbox',
    align: 'stretch'
    },
    defaults: {
    flex: 1
    },
    items: [{
    xtype: 'carousel',
    items: [{
    html: '<p>Swipe left to show the next card&hellip;</p>',
    cls: 'card'
    },
    {
    html: '<p>You can also tap on either side of the indicators.</p>',
    cls: 'card'
    },
    {
    html: 'Card #3',
    cls: 'card'
    }]
    }, {
    xtype: 'carousel',
    ui: 'light',
    direction: 'vertical',
    items: [{
    html: '<p>Carousels can also be vertical <em>(swipe up)&hellip;</p>',
    cls: 'card dark'
    },
    {
    html: 'And can also use <code>ui:light</code>.',
    cls: 'card dark'
    },
    {
    html: 'Card #3',
    cls: 'card dark'
    }]
    }]
    }
    });


    Here is my Index.html :


    For the moment, i don't use Saas/Compass to build my CSS, so i had them manually in the index.htm


    <!DOCTYPE HTML>
    <html manifest="" lang="en-US">
    <head>
    <meta charset="UTF-8">
    <title>ParisFoodGuide</title>

    <!-- The line below must be kept intact for Sencha Command to build your application -->






    <!--CSS de base utiliser pour Carousel points de nav ... -->
    <link href="resources/css/sencha-touch.css" rel="stylesheet" type="text/css" />




    <!--CSS custom ...toujours a mettre apres l'autre pour redefinir des types -->
    <link href="resources/css/app.css" rel="stylesheet" type="text/css" />


    <!--
    <script type="text/javascript" src="touch/sencha-touch-debug.js"></script>
    <script type="text/javascript" src="app.js"></script>
    -->


    <!-- On a remplacer les script par le Microlaoder qui va chercher la config dans app.json -->
    <script type="text/javascript">(function(h){function f(c,d){document.write('<meta name="'+c+'" content="'+d+'">')}if("undefined"===typeof g)var g=h.Ext={};g.blink=function(c){var d=c.js||[],c=c.css||[],b,e,a;f("viewport","width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no");f("apple-mobile-web-app-capable","yes");f("apple-touch-fullscreen","yes");b=0;for(e=c.length;b<e;b++)a=c[b],"string"!=typeof a&&(a=a.path),document.write('<link rel="stylesheet" href="'+a+'">');b=0;for(e=d.length;b<
    e;b++)a=d[b],"string"!=typeof a&&(a=a.path),document.write('<script src="'+a+'"><\/script>')}})(this);;Ext.blink({"id":"0d7245bd-531c-4a03-b9ff-ddc74f55aacc","js":[{"type":"js","path":"touch/sencha-touch.js"},{"update":"full","path":"app.js","type":"js","bundle":true}],"css":[{"update":"full","type":"css","path":"resources/css/app.css"}]})</script>






    </head>
    <body>
    <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>


    </body>
    </html>


    I really don't understand what's wrong and what can i do
    Hope you can help me !

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,073
    Answers
    3500
    Vote Rating
    853
    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


    I just generated a new app and did a production build after adding a carousel to is and it worked for me with ST 2.1.0
    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

Tags for this Thread