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

ExtJs 按需动态加载（多app模式） 在Extjs中，为了满足动态加载js文件的过程，经过本人 HYPERLINK /base/softwaretest \o 软件测试知识库 \t _blank 测试，可采用以下两种方式： [javascript]? HYPERLINK /xiaobaarticle/details\o view plain view plain? HYPERLINK /xiaobaarticle/details\o copy copy ? ?? 1、在一个application实例下 在此情况下，可采用Ext.require()函数进行动态按需加载js文件。以加载一个controller为例： [javascript]? HYPERLINK /xiaobaarticle/details\o view plain view plain? HYPERLINK /xiaobaarticle/details\o copy 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]? HYPERLINK /xiaobaarticle/details\o view plain view plain? HYPERLINK /xiaobaarticle/details\o copy 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(