Extjs3+sea.js 实现模块化

本文分享了ExtJS3结合sea.js实现模块化的实践经验,介绍了如何通过动态加载提高前端应用的灵活性,并对比了ExtJS4的MVC架构。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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 太过麻烦。
有时间我整理下吧,先就这样的!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值