Forcing the user to particular page.

[coletek]

Hi,

Say I have the views:

Ext.define("test.view.Main", {    extend: 'Ext.tab.Panel',
    xtype: 'mainpanel',


    requires: [
        'Ext.TitleBar'
    ],
    config: {
        tabBarPosition: 'bottom',


        items: [
            {
	        xtype: 'homenav'
            },
	    {
                xtype: 'purchasenav'
            },
            {
	        xtype: 'accountnav'
            }
        ]
    }
});

 Ext.define("test.view.PurchaseNav", {
    extend: 'Ext.navigation.View',
    xtype: 'purchasenav',


    requires: [
	'test.view.InStorePurchaseForm',
        'test.view.AddCreditForm'
    ],


    config: {
	title: 'Purchase',
        iconCls: 'star',                                                                               


        items: [
           {
                xtype: 'button',
		text: 'In Store Purchase',
		margin: '40',
		handler: function() {
                this.up('purchasenav').push({
		   xtype: 'instorepurchaseform'
                });
            },
            {
                 xtype: 'button',
		 text: 'Add Credit',
		 margin: '40',
		 handler: function() {
                 this.up('purchasenav').push({
		     xtype: 'addcreditform'
                 });
       	     }

      }
);

Then in the controller I have some code to do deep linking, so when someone navigates to #purchase/2, it goes to the InStorePurchaseForm form (which is under the PurchaseNav navigation view):

 Ext.define('test.controller.Main', {
    extend: 'Ext.app.Controller',


    config: {
        refs: {
            main: 'mainpanel'
        },
        routes: {
            'purchase/:id': 'showPurchaseNav'
        }
    },


    showPurchaseNav: function(id) {
        this.getMain().setActiveItem(1);
    }


});

However, this.getMain().setActiveItem(1) just links the user to the PurchaseNav navigation view. How do I push the InStorePurchase view on top?

One solution would be to go straight to the InStorePurchaseForm form via:

Ext.Viewport.setActiveItem(Ext.create('coffeepalapp.view.InStorePurchaseForm'), {                                                         
            // other stuff                                                                                                                          
});

But then how do you re-add the TitleBar and tabBar at the bottom as the Main view does for you.

[mitchellsimoens]

You would have to setActiveItem(1) on the main view and then push a view to the navigation view.

[coletek]

But how do I do that? It keeps saying push() is undefined.

[mitchellsimoens]

Then the view you are trying to execute the push method on is not a navigation view

[coletek]

Works now. I must of been using the wrong ref..