Success! Looks like we've fixed this one. According to our records the fix was applied for TOUCH-2905 in a recent build.
  1. #1
    Sencha User
    Join Date
    Mar 2011
    Posts
    1
    Vote Rating
    0
    B@man is on a distinguished road

      0  

    Default Some navigationview animations (cube, fade, slide) break the 'pop' functionality

    Some navigationview animations (cube, fade, slide) break the 'pop' functionality


    REQUIRED INFORMATION

    Ext version tested:
    • ST 2.0, 2.0.1

    Browser versions tested against:
    • Chrome 18.0.1025.162 m

    Description:
    • navigationview: specifying any of animations: cube, fade, and slide, through a 'layout', breaks the 'back' button's functionality

    Steps to reproduce the problem:
    • For easy defect reproduction, just go to ST docs for navigationview @ http://docs.sencha.com/touch/2-0/#!/api/Ext.navigation.View
    • In the first sample activate Code Editor and, in the source code, define a 'fade' animation:
    • Code:
      layout: {type: "card", animation: "fade" }
    • Then go to Live Preview, and try it.

    The result that was expected:
    • 'back' button shall 'pop' the topmost view using the specified animation

    The result that occurs instead:
    • pressing/tapping the 'back' button has no effect

    Test Case:

    Code:
        // animations cube, fade, and slide break the 'back' button function
        // while flip, pop, and scroll don't
        layout: {type: "card", animation: "fade" }
        
        // this, however, works:
        layout: {type: "card", animation: {type: "cube", direction: "left"}}

    HELPFUL INFORMATION

    Work around:
    • Define the animation using an object literal:
      layout: {type: "card", animation: {type: "cube", direction: "left"}}

      This, however, is not possible with SA 2, and you just have to select the subset that works.

    Operating System:
    • Win7 x64

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    36,754
    Vote Rating
    828
    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


    Thanks for the report.

    Code:
    var view = Ext.create('Ext.NavigationView', {
        fullscreen : true,
    
        layout : { type : 'card', animation : 'fade' },
    
        items : [
            {
                title : 'First',
                items : [
                    {
                        xtype   : 'button',
                        text    : 'Push a new view!',
                        handler : function () {
                            //use the push() method to push another view. It works much like
                            //add() or setActiveItem(). it accepts a view instance, or you can give it
                            //a view config.
                            view.push({
                                title : 'Second',
                                html  : 'Second view!'
                            });
                        }
                    }
                ]
            }
        ]
    });
    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.

  3. #3
    Sencha - Sencha Touch Dev Team Jamie Avins's Avatar
    Join Date
    Mar 2007
    Location
    Redwood City, California
    Posts
    3,661
    Vote Rating
    20
    Jamie Avins is a jewel in the rough Jamie Avins is a jewel in the rough Jamie Avins is a jewel in the rough

      0  

    Default


    This has been fixed for the next release. The following override should resolve the issue. Please let me know if you still have issues:

    Code:
    Ext.define('Overrides.navigation.Bar', {
        override: 'Ext.navigation.Bar',
    
        animate: function(element, config, callback) {
            var me = this,
                animation;
    
            //reset the left of the element
            element.setLeft(0);
    
            config = Ext.apply(config, {
                element: element,
                easing: 'ease-in-out',
                duration: me.getAnimation().duration || 250
            });
    
            animation = new Ext.fx.Animation(config);
            animation.on('animationend', function() {
                if (callback) {
                    callback.call(me);
                }
            }, me);
    
            Ext.Animator.run(animation);
            me.activeAnimations.push(animation);
        }
    });

    Sencha Inc

    Jamie Avins

    @jamieavins

Thread Participants: 2

Turkiyenin en sevilen filmlerinin yer aldigi xnxx internet sitemiz olan ve porn sex tarzi bir site olan mobil porno izle sitemiz gercekten dillere destan bir durumda herkesin sevdigi bir site olarak tarihe gececege benziyor. Sitenin en belirgin ozelliklerinden birisi de Turkiyede gercekten kaliteli ve muntazam, duzenli porno izle siteleri olmamasidir. Bu yuzden iste. Ayrica en net goruntu kalitesine sahip adresinde yayinlanmaktadir. Mesela diğer sitelerimizden bahsedecek olursak, en iyi hd porno video arşivine sahip bir siteyiz. "The Best anal porn videos and slut anus, big asses movies set..." hd porno faketaxi