View & Controller

/*
    在控制器内部,使用refs配置项定位在页面上的组件,其选项值为一个配置对象,在配置对象中指定要在控制器内部引用的各种组件。
*/
Ext.define('GS.controller.Main', {
    extend:'Ext.app.Controller',
    init:function(){
        console.log('Main控制器被调用');
        Ext.Msg.alert('控制器测试', 'Main控制器被调用');
    },
    config:{
        refs:{
            myButton:'#myButton',
            myToolbar:'#myToolbar',
            testButton:{
                selector:'#myToolbar #testButton',
                xtype:'button',
                id:'testButton',
                text:'按钮二',
                autoCreate:true//必须为true,才能动态添加按钮
            },
            mainview:{
                selector:'mainview',
                xtype:'mainview',
                autoCreate:true
            }
        },
        control:{
            myButton:{
                tap:'addButton'
            },
            testButton:{
                tap:'addHtml'
            }
        },
        routes:{
            'main':'showMainview'
        }
    },
    addHtml:function(){
        this.getMainview().add({
            html:'被添加的HTML'
        });
    },
    addButton:function(){
        var btn = this.getTestButton();
        this.getMyToolbar().add(btn);
    },
    showMainview:function(){
        //在应用程序的主界面中显示主视图
        console.log('showMainview被调用');
        Ext.Viewport.setActiveItem(this.getMainview());
    }
});


知识共享许可协议
《View & Controller》常伟华 创作。
采用 知识共享 署名-相同方式共享 3.0 中国大陆 许可协议进行许可。
  • 多说评论
  • 签名
  • 新浪微博
  • 默认评论
  • Tab Header 5

1 条评论 / 点击此处发表评论

Tab Content 5

开发技术


开发平台和工具

sitemap     146.85ms