ext4的MVC小例子

时间:2016-07-24 02:52:47
【文件属性】:

文件名称: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(); } });


网友评论

  • 对初学者挺有帮助,谢谢
  • 谢谢,通俗易懂
  • 适合初学者学习MVC
  • 很有用 的例子 简单真好适合学习MVC
  • 还行,适合初学者
  • 这个例子确实很不错
  • 还行,对于新手来说可是看看。。。。