Ext JS学习第十天 Ext基础之动态加载JS文件（补充）

此文用来记录学习笔记；

•Ext4.x版本提供的一大亮点就是Ext.Loader这个类的动态加载机制！只要遵循路径规范，即可动态加载js文件，方便把自己扩展组件动态加载进来，并且减轻浏览器的压力。
•关于动态加载机制，在4.x里使用MVC模式那是一个必备的工作。学好动态加载，以后我们去用Ext基于前台MVC模式下的开发是至关重要的。

举个栗子

//动态加载一个js文件
//第一步：在js/extjs/添加文件夹 (ux)
//在这个ux文件夹下 建立自己的组件所对应的js文件
//第二步：在js/extjs/ux下编写自己的扩展的组件
//第三步：启用ext动态加载的机制 并设置要加载的路径
Ext.Loader.setConfig({
enabled:true ,
paths:{
myux:'js/extjs/ux'
}
});
//第四步：创建类的实例并使用：
Ext.create('js.extjs.ux.MyWindow').show();

js/extjs/ux/Mywidow的代码为：如下

//define的类名，一点要严格按照包层次路径去编写
Ext.define('js.extjs.ux.MyWindow',{
extend:'Ext.window.Window' , //继承Ext的window类
title:'我是动态加载进来的组件',
height:300 ,
width:400 ,
constrain:true ,
modal:true ,
html:'我是窗体的内容!!!!' ,
renderTo:Ext.getBody()
});