Extjs3+sea.js 实现模块化
今天跟大家分享一下这几年使用extjs3的心得,以及对Extjs4 的一些看法,若大家对我说的有看法,请联系我!
一. 最近学习了一下Extjs4.2 ,说实话本人感觉里面的东西变化太大,学习成本的确有点偏高,但是仔细看下里面的东西设计还不是很不错的,至少对代码规范上面有了很大提供,比如MVC 里面的文件命名规则必须是controoler,model,view,store 这是Extjs3里面没有的,还有一些动态加载的东西,的确不错,但是我想说很多用Extjs多年的人根本不知道extjs2,3 其实都可以进行模块加载的 只不过很多的程序员根本不知道,也压根不太关注前端。废话不多说,直接上代码吧!
<link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css"/>
<script type="text/javascript" src="../../adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="../../ext-all.js"></script>
<script type="text/javascript" src="../../sea.js"></script>
<script type="tetx/javascript" >
seajs.use(模块化js路径,function(appmodule){
var promRulesModule = appmodule.AppModule;
promRulesModule.show({params});
});
</script>
需要动态加载的Extjs
define(function(require, exports, module) {
var epoErpPromRulesTopFormPnlModule = require("./Epo.Erp.Prom.Rules.Win.Top.FormPnl.js").AppModule; // 当前js依赖的js文件
var epoErpPromRulesCenterPnlModule = require("./Epo.Erp.Prom.Rules.Win.CenterPnl.js").AppModule;
exports.AppModule = {
// 里面是EXTJS 业务代码
show : function(params){
new Ext.Window({}).show();
}
}
})
这样就可以实现动态加载js 我本人我本人觉得这种方式比extjs 里面的模块化加载好,extjs mvc 太过麻烦。
有时间我整理下吧,先就这样的!