如何通过单击按钮重定向到另一个视图(ExtJS 6.2)

Ext.create('Ext.button.Button', {
    text: '点击重定向',
    renderTo: Ext.getBody(),
    handler: function() {
        // 在这里编写重定向逻辑
    }
});

handler: function() {
    // 重定向到另一个视图
    Ext.util.History.add('newView');
}

Ext.define('MyApp.controller.MainController', {
    extend: 'Ext.app.Controller',
    
    init: function() {
        Ext.util.History.on('change', this.onHistoryChange, this);
    },
    
    onHistoryChange: function(token) {
        if (token === 'newView') {
            // 加载另一个视图
            var newView = Ext.create('MyApp.view.NewView');
            // 在主视图容器中添加新视图
            Ext.getCmp('mainContainer').add(newView);
            // 移除当前视图
            Ext.getCmp('mainContainer').remove(Ext.getCmp('currentView'));
        }
    }
});

Ext.application({
    name: 'MyApp',
    controllers: ['MainController'],
    
    launch: function() {
        // 创建主视图容器
        Ext.create('Ext.container.Viewport', {
            layout: 'fit',
            items: [{
                id: 'mainContainer',
                xtype: 'panel',
                items: [{
                    id: 'currentView',
                    xtype: 'panel',
                    html: '当前视图'
                }]
            }]
        });
        
        // 启动路由
        Ext.util.History.start();
    }
});