ExtJs按需动态加载(多app模式)汇编.docx

ExtJs 按需动态加载（多app模式）在Extjs中，为了满足动态加载js文件的过程，经过本人测试，可采用以下两种方式：[javascript]?view plain?copy???1、在一个application实例下在此情况下，可采用Ext.require()函数进行动态按需加载js文件。以加载一个controller为例：[javascript]?view plain?copy?Ext.require(MyApp.controller.event.Bases,function(){?????????????????????????????MyApp.getController(event.Bases).init();?????????????????????????????tab?=?me.getTabpanel().add({?????????????????????????????????xtype:?view,?????????????????????????????????closable:?true,?????????????????????????????????animate?:?true,?????????????????????????????????iconCls:?icon-rights,?????????????????????????????????title:?record.raw.menuName?????????????????????????????});??此controller为MyApp.controller.event.Bases，在才用Ext.require()加载指定文件时，只会通过网络获取此文件，即MyApp.controller.event.Bases.js文件，此时并未加载controller所依赖的model,store,view，此时还需要调用MyApp.getControoler()方法对所获得的controller文件进行初始化，调用其init()方法将加载所依赖的store,model和view文件。另外，通过查看Ext.app.Application的getController源码：[javascript]?view plain?copy?getController:?function(name)?{?????????var?me??????????=?this,?????????????controllers?=?me.controllers,?????????????className,?controller;???????????controller?=?controllers.get(name);???????????if?(!controller)?{?????????????className??=?me.getModuleClassName(name,?controller);???????????????controller?=?Ext.create(className,?{?????????????????application:?me,?????????????????id:??????????name?????????????});???????????????controllers.add(controller);???????????????if?(me._initialized)?{?????????????????controller.doInit(me);?????????????}?????????}???????????return?controller;?????},??通过阅读getController文件源码，可看出：通过getController方法，首先获得对应controller对应controller的className,然后通过Ext.create()方法创建controller，并将此controller加入到对应MyApp实例的controllers中，最重要的一点，然后调用controller.doInit()方法初始化controler,加载对应的store，model,view文件以及调用init()方法，所以在单application下，可以简化动态加载过程：[javascript]?view plain?copy?MyApp.getController(event.Bases).init();??为使Ext.Loader动态加载开启，需进行如下设置：[javascript]?view plain?copy?Ext.Loader.setConfig({??????enabled?:?true?