关于EXT4.2的MVC开发

2019独角兽企业重金招聘Python工程师标准>>>

MVC模式

//1.程序的入口。app.js
/**
 * 文件开始
 */
Ext.onReady(function(){
	//打开extjs的提示功能
	//Ext.quickTips.init();
	//启动动态加载JS
//	Ext.Loader().setConfig({
//		enabled:true
//	});
	//开始执行程序
	Ext.application({
		name : "core",//命名空间，例如core.view.LoginWindow调用
		appFolder : "core/coreApp",//文档宝
	//上面两行代码，定义了程序的命名空间。后面调用的时候用core.代表的就是core.coreAPP下的目录
		launch:function(){
			Ext.create("Ext.container.Viewport",{
				layout : "fit",
				border : 0,
				//引入主布局
				items : [{
					xtype:"mainviewlayout"
				}]
			});
		},
		加载主控制器
		controllers : ["core.app.controller.MainController"]
	});
});

//2，到所指定的控制器中
/**主控制器*/
Ext.define("core.app.controller.MainController",{
	extend : "Ext.app.Controller",//继承EXT的控制器
	init : function(){
		var self = this;
	},
	views : ["core.app.view.TopView",
	         "core.app.view.WestView",
	         "core.app.view.CenterView",
	         "core.app.view.MainViewLayout" //加载对应的界面布局
	         ],
	 store : [],
	 model : []
});
//3,对应的布局
/**
 * 主程序界面布局
 */
Ext.define("core.app.view.MainViewLayout",{
	extend : "Ext.panel.Panel",
	border : 0,
	layout : "border",
	alias : "widget.mainviewlayout",//别名，调用的时候直接用mainviewlayout
	width : 10,
	height :10,
	items : [{
		region : "north",
		xtype : "topview"
	},{
		region : "west",
		xtype : "westview"
	},{
		region : "center",
		layout : "fit",
		margins : "2 0 0 0",//上右下左
		items : [{
			xtype : "centerview"//加入中间的布局
			//时间提醒的gridpanel
		}]
	}],
	initComponent : function(){
		this.callParent(arguments);
	}
});

转载于:https://my.oschina.net/u/934148/blog/356128