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. });  

 

 

浏览器监听结果：

 

 

项目文件路径图：