Temporarily disable animations in navigation view

[dhennen]

When I start up my app, or if a user is jumping forward or backwards many pages, I want to temporarily disable navigation view animations.

I tried the following:

Ext.define("myapp.view.Main", {    
  extend: 'Ext.navigation.View',   
  xtype:  'mainpanel',    config: {
        fullscreen: true,
        autoDestroy: false,
        // start with animations disabled for startup, will re-enable later
        layout: {
          type: 'card',
          animation: false
        }
    },
    enableAnimations: function() {
      this.getLayout().setAnimation({
        duration: 300,
        easing: 'ease-out',
        type: 'slide',
        direction: 'left'
      });
    },
    disableAnimations: function() {
      this.getLayout().setAnimation(false);
    }
}); 

I call enableAnimations() or disableAnimations() as needed before pop() and push(). The title bar will animate, but my view content will not, and in fact will some times not display at all.

Any thoughts on how to accomplish this?

[mitchellsimoens]

The navigation bar doesn't use animation from the layout. You need to change the animation property of the navigation bar using the setAnimation method on it.

[dhennen]

The navigation bar doesn't use animation from the layout. You need to change the animation property of the navigation bar using the setAnimation method on it.

That is good to know.

However, that doesn't solve my main issue in that if I disable animations on the navigation view's layout and then re-enable them, the animations do not work, and sometimes even content doesn't display at all.