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

});