Ext JS学习第十天 Ext基础之动态加载JS文件(补充)

此文用来记录学习笔记;

•Ext4.x版本提供的一大亮点就是Ext.Loader这个类的动态加载机制!只要遵循路径规范,即可动态加载js文件,方便把自己扩展组件动态加载进来,并且减轻浏览器的压力。
•关于动态加载机制,在4.x里使用MVC模式那是一个必备的工作。学好动态加载,以后我们去用Ext基于前台MVC模式下的开发是至关重要的。
 
举个栗子
    //动态加载一个js文件
//第一步:在js/extjs/添加文件夹 (ux)
//在这个ux文件夹下 建立自己的组件所对应的js文件
//第二步:在js/extjs/ux下编写自己的扩展的组件
//第三步:启用ext动态加载的机制 并设置要加载的路径
Ext.Loader.setConfig({
enabled:true ,
paths:{
myux:'js/extjs/ux'
}
});
//第四步:创建类的实例并使用:
Ext.create('js.extjs.ux.MyWindow').show();

js/extjs/ux/Mywidow的代码为:如下

//define的类名,一点要严格按照包层次路径去编写
Ext.define('js.extjs.ux.MyWindow',{
extend:'Ext.window.Window' , //继承Ext的window类
title:'我是动态加载进来的组件',
height:300 ,
width:400 ,
constrain:true ,
modal:true ,
html:'我是窗体的内容!!!!' ,
renderTo:Ext.getBody()
});
上一篇:Populating Tabular Data Block Manually Using Cursor in Oracle Forms


下一篇:Linux 添加ssh 公钥访问