文件名称:ext4的MVC小例子
文件大小:35.37MB
文件格式:RAR
更新时间:2016-07-24 02:52:47
ext4 mvc
/* 商品控制层, 所有逻辑代码都在这里写 */ Ext.define('keel.controller.GoodsCtrl', { extend: 'Ext.app.Controller', stores: ['GoodsStore'],//声明该控制层要用到的store models: ['GoodsModel'],//声明该控制层要用到的model views: ['goods.GoodsListView','goods.GoodsWinView'],//声明该控制层要用到的view refs: [//相当于一个映射,这样就可以在控制层方便的通过geter取得相应的对象了 { ref: 'goodslistview', selector: 'goodslistview' }, { ref: 'goodswinview', selector: 'goodswinview' } ], init: function() { this.control({//这里的this相当于这个控制层 'viewport > goodslistview': { afterrender: function(gp){//侦听goodslistview渲染 gp.down('button[action=testBtn1]').on('click',function(){ //侦听goodslistview工具条上action=testBtn1的按钮单击事件 this.showWin(); },this); gp.down('button[action=testBtn2]').on('click',function(){ //侦听goodslistview工具条上action=testBtn2的按钮单击事件 alert(this.getGoodslistview().title) },this); } }, 'goodswinview button[action=ok]': { //侦听goodswinview中action=ok的按钮单击事件 click: function(){ this.getGoodswinview().setTitle(Ext.util.Format.date(new Date(),'Y-m-d H:i:s')); } } }); }, showWin : function(){ Ext.create('keel.view.goods.GoodsWinView').show(); } });