ExtJs4 動態載入(Ext.Loader)
阿新 • • 發佈:2018-12-05
專案檔案路徑圖
Js程式碼
- Ext.Loader.setConfig({
- enabled: true,
- paths : {//'類名字首':'所在路徑'
- 'App.ux' : 'lib'
- }
- });
- //或者用setPath設定匹配路徑
- //Ext.Loader.setPath('App.ux', 'lib');//'類名字首','所在路徑'
- Ext.require(['App.ux.MusicWin']);//通過匹配會自動載入'lib/MusicWin.js'
Ext.require(['App.ux.MusicWin']) 的含義是引入App.ux(也就是lib)資料夾下名為MusicWin.js的檔案,而不是什麼別名或類名
MusicWin.js程式碼:
Js程式碼
- Ext.define('App.ux.MusicWin',{
- play : function(){
- alert('playing...');
- }
- });
瀏覽器監聽結果:
專案檔案路徑圖: