Extjs控制器定义内部导航

Ext.define('MyApp.controller.MainController', {
    extend: 'Ext.app.Controller',
    ...
});

Ext.define('MyApp.controller.MainController', {
    extend: 'Ext.app.Controller',
    
    routes: {
        'home': 'showHomeView',
        'about': 'showAboutView',
        ...
    },
    
    showHomeView: function() {
        // 显示主页视图
    },
    
    showAboutView: function() {
        // 显示关于页面视图
    },
    
    ...
});

Ext.application({
    name: 'MyApp',
    controllers: ['MainController'],
    ...
});

{
    xtype: 'button',
    text: 'Home',
    handler: function() {
        MyApp.getApplication().redirectTo('home');
    }
},
{
    xtype: 'button',
    text: 'About',
    handler: function() {
        MyApp.getApplication().redirectTo('about');
    }
}