修改代码以使其成为基于导航的应用程序

Question

我使用了following tutorial for my project。我需要添加一个按钮，当用户点击该按钮时。我需要它导航到另一个vire，但它应该被添加到导航堆栈（因此它默认会有一个后退按钮）。

简而言之，我需要的是modify the code of this tutorial才能使其成为基于导航的应用程序。

Answer 1

您所需要的只是Ext.navigation.View

从上面的链接中尝试这个简单的代码..

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