Extjs的Requiers作用
来源:互联网 发布:c语言 ~ 编辑:程序博客网 时间:2024/06/04 00:25
有的时候项目中要写一些扩展组件,随着扩展组件的增加,会造成有的页面需要使用,而有的页面不需要使用的问题,这对组件的js文件的引用造成了烦恼:如果每个页面都去引用的时候会造成浏览器打开页面的流量的增加而影响资源,如果需要的时候引用管理起来又很麻烦,Extjs4.0帮我们解决了这个问题,那就是Ext.requires。它可以实现根据我们的需要动态加在所需要的组件文件,很灵活也很方便。下面我们用例子进行讲解。
项目目录如下图所示:
webapp下resources\ux目录用来存放我们的组件资源。
main.js文件为页面所引用的文件
(function(){Ext.Loader.setConfig({enabled:true,paths:{'App.ux':'resources/ux'//设置目录映射'App.ux'命名空间的将去resources/ux下寻找}});Ext.onReady(function(){var MyWin = Ext.create('App.ux.MyWin',{requires:['App.ux.MyWin'] //在这里这样写也是可以的requires:['MyWin'] });Ext.get('myButton').on('click',function(){MyWin.show();})});})();
起初在onReady方法前要做一个Ext.Loader.setConfig的配置,按照我们的事例定义了,命名空间‘App.ux’映射物理路径‘resources/ux’凡是App.ux开头的都回去resources/ux路径下去寻找。
我们Ext.create方法引用的App.ux.MyWin其实对应的是定义的类路径,也就是自定义组件的路径,刚才介绍过了,App.ux映射了resources/ux路径,在这里MyWin映射了MyWin.js文件,如果在这里将MyWin改为myWin的话,浏览器将会寻找resources/ux/myWin.js文件,这样就找不到对应的文件了。报错信息如下:
ux\MyWin.js内容如下:
Ext.define('App.ux.MyWin',{extend:'Ext.window.Window',width:400,height:300,title:'330000',initComponent:function(){this.callParent(arguments);}});
这样就可以了~~不知道说清楚了没有,希望大家批评指正。
- Extjs的Requiers作用
- Extjs的Requiers作用
- Extjs的Requiers作用
- Extjs的Requiers作用
- Extjs的Requiers作用
- extjs createDelegate的作用
- Extjs alias的作用
- Extjs的作用域讲解,,,(转载)
- ExtJS 别忘了特殊符号的作用
- EXTJS TREE的应用以及data.store的作用
- ExtJs的CRUD操作及sync()的作用
- Extjs xtype作用
- javascript变量的作用域--ExtJS scope必备法宝
- 【ExtJs】ExtJs的Ajax
- extjs labelalign有什么作用
- ExtJs--引用的ExtJs路径
- 【ExtJs】ExtJs的文件上传
- Extjs require的scope域在回调函数中作用重要,别忘了传this
- 龙门阵179期实录:技术专场之Android安全现状
- Linux: 定位Oops的具体代码行
- Servlet Filter与Spring interceptor的区别和应用Servlet Filter与Spring interceptor
- Android系统零碎知识整理
- 黑马程序员--C#数据库辅助类(简单版)
- Extjs的Requiers作用
- ORACLE警告日志简介
- js 时间格式化 获取当前时间
- 个人项目Android代码整理
- (未解决)Enter_Frame和Render事件是发生在一帧的头和尾吗?
- Android应用开发揭秘的第20,21个程序5_15_tween,5_16_tweenxml修改版和高仿版的源码注释
- ubuntu 局域网连接
- Oracle学习笔记安装篇之在Redhat Enterprise Linux 6.3 x86_64下安装Oracle11g R2
- Java中的闭包(Closure)和回调