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()
});