Question

I have used the following tutorial for my project. I need to add a button, and when the user clicks on that button. i need it to navigate to another vire, but it should be added to the Navigation stack (so it will have a back button by default).

In a nutshell, what i require is to modify the code of this tutorial to make it a Navigation based application.

Answer 1

All you need is Ext.navigation.View

Try this simple code from the above link ..

var view = Ext.create('Ext.NavigationView', {
    fullscreen: true,

    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!'
                });
            }
        }]
    }]
});