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步。

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *