Extjs3+sea.js 实现模块化

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 太过麻烦。

有时间我整理下吧，先就这样的！