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() });
每天进步一点点 个人网址
posted on 2014-08-28 21:41 code&monkey 阅读(1424) 评论(0) 编辑 收藏 举报