動態加載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步。