1. 程式人生 > >ExtJs4 動態載入(Ext.Loader)

ExtJs4 動態載入(Ext.Loader)

專案檔案路徑圖

 

Js程式碼   收藏程式碼
  1. Ext.Loader.setConfig({  
  2.    enabled: true,  
  3.    paths : {//'類名字首':'所在路徑'  
  4.       'App.ux' : 'lib'
      
  5.    }  
  6. });  
  7. //或者用setPath設定匹配路徑  
  8. //Ext.Loader.setPath('App.ux', 'lib');//'類名字首','所在路徑'  
  9. Ext.require(['App.ux.MusicWin']);//通過匹配會自動載入'lib/MusicWin.js'  

Ext.require(['App.ux.MusicWin']) 的含義是引入App.ux(也就是lib)資料夾下名為MusicWin.js的檔案,而不是什麼別名或類名

 

MusicWin.js程式碼:

Js程式碼   收藏程式碼
  1. Ext.define('App.ux.MusicWin',{  
  2.     play : function(){  
  3.         alert('playing...');  
  4.     }  
  5. });  
 

 

瀏覽器監聽結果:


 

 

專案檔案路徑圖: