Search code examples
navigationsencha-touch-2formpanel

Formpanel With Navigation to another view


I have a form panel. I need to navigate another view from this form panel. My View is subclass of Ext.form.Panel. I know how to navigate from Ext.navigation.View. But no idea how to navigate from form panel. Please help me.


Solution

  • Create the instance of view or you can get pre existing instance

    var listContainer = Ext.create("App.view.ListContainer");
    

    add the instance to view port

    Ext.Viewport.add(listContainer);
    

    set the instance as the active itm with some transition effects

    Ext.Viewport.animateActiveItem(listContainer, { type: 'slide', direction: 'left' });