ExtJS4.x动态加载js文件

动态加载js文件是ext4.x的一个新特性，可以有效的减少浏览器的压力，提高渲染速度。如动态加载自定义组件

1.在js/extjs/ux目录下，建立自定义组件的js文件.

 

2.编写MyWindow.js文件

Ext.define('js.extjs.ux.MyWindow'/*名称一定要与路径相对应*/,{        
    extend : 'Ext.window.Window',
    title : '动态加载的组件',
    width : 400,
    height : 300,
    bodyStyle: 'background:#ffc; padding:10px;',
    html : 'hello,world'
});

 

3.启动ext的动态加载机制，并设置要加载的路径

Ext.Loader.setConfig({
    enabled : true,
    paths : {
        'myux': 'js/extjs/ux'
    }
});

 

4.创建

Ext.create('js.extjs.ux.MyWindow').show();

 

5.完毕

 

6.注意

动态加载js文件，是在第4步实例化的时候才加载的，而不是在第3步。