Ext.app.Controller

控制器负责处理应用程序内的事件。使用View显示数据，使用Model加载和保存数据，Controller把它们联系在一起。

Refs和Control

Refs:

Ext.define('MyApp.controller.Main', {

    extend: 'Ext.app.Controller',

    config: {

        refs: {

            nav: '#mainNav'

        }

    },

    addLogoutButton: function() {

        this.getNav().add({

            text: 'Logout'

        });

    }

});

Ext.create('Ext.Toolbar', {

    id: 'mainNav',

    items: [

        {

            text: 'Some Button'

        }

    ]

});

Refs高级：

Ext.define('MyApp.controller.Main', {

    extend: 'Ext.app.Controller',

    config: {

        refs: {

            nav: '#mainNav',

            infoPanel: {

                selector: 'tabpanel panel[name=fish] infopanel',

                xtype: 'infopanel',

                autoCreate: true

            }

        }

    }

});

Control：

Ext.define('MyApp.controller.Main', {

    extend: 'Ext.app.Controller',

    config: {

        control: {

            loginButton: {

                tap: 'doLogin'

            },

            'button[action=logout]': {

                tap: 'doLogout'

            }

        },

        refs: {

            loginButton: 'button[action=login]'

        }

    },

    doLogin: function() {

        //called whenever the Login button is tapped

    },

    doLogout: function() {

        //called whenever any Button with action=logout is tapped

    }

});

Config:

application:Ext.app.Application 控制器所附加到的application实例。