动态加载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步。