Extjs深入理解(一) 关于xtype 与 new
来源:互联网 发布:刀剑乱舞极化胁差数据 编辑:程序博客网 时间:2024/06/06 20:59
关于xtype 与 new
Extjs创建组件 有两种方式:
(1) 依据 xtype方式,通过 ComponentMgr 来创建 xtype 对应的组件
(2) new 组件的类
例如 创建一个panel 可以这样:
var panel = new Ext.Panel({author:'zhanglei'});
或者是用xtype的方式仅仅创建一段配置
var cfg = {xtype:'panel',author:'zhanglei'}.由 ComponentMgr在适当时候 来创建 xtype 对应的组件
推荐使用xtype方式。用xtype方式的好处是 可以延时实例化。以减小对浏览器资源不必要的消耗。用xtype的方式创建组件。实际上最终还是调用的new 方法创建的组件 。
用xtype的方式。在建立的类的时候 要将类注册一下。 例如 Ext.reg('panel', Ext.Panel);
注册就是调用 registerType 方法 往 types属性里添加key/value对。
Ext.reg = Ext.ComponentMgr.registerType;
Ext.ComponentMgr 下面有registerType 闭包方法:
registerType : function(xtype, cls){
types[xtype] = cls;
cls.xtype = xtype;
},
那么用xtype方式是在什么时候时候创建的组件实例呢?
在Chrome 的console 中 先用new 创建一个Panel .
var p = new Ext.Panel({zhl:'zhl'})
然后 调用 add方法增加一个xtype方式的Button。
p.add({xtype:'button',name:'btn3'}) 调试这句
堆栈中的add方法。panel的add方法继承自Ext.Container
堆栈中的lookupComponent方法。
堆栈中的creatComponent方法
堆栈中的create方法
可以看到此时的config 。此时的types属性(这里应该是已经注册过的所有的组件)中有个key是button。
堆栈中的Ext.Component。
当调用 Ext已经定义的方法时,要注意它的使用限制。有些参数是有要求的。
- Extjs深入理解(一) 关于xtype 与 new
- extjs xtype僧如理解
- Extjs xtype
- ExtJs Xtype
- Extjs xtype
- extJs xtype
- Extjs xtype
- ExtJs xtype
- ExtJS-xtype
- ExtJs xtype 与空间的一一对应
- 深入理解矩阵与渲染(一)
- ExtJs 中 xtype 与组件类的对应表
- ExtJs 中 xtype 与组件类的对应表
- ExtJs实践——xtype名称与控件对应
- 关于XTYPE
- 深入理解new函数(C++)
- placement new深入理解
- 深入理解C++ New
- vi文件保存及退出vi命令
- linux—rsync 配置与详解
- UVA - 673 Parentheses Balance
- 实拍草根模特的一天 饮食不规律常被性骚扰(图)
- linux 内存大小
- Extjs深入理解(一) 关于xtype 与 new
- 抽象工厂模式
- 汉澳sinox运行大杀器virtualbox让winxp回归
- 树的子结构
- 孙杨国歌门事件掀中日骂战 日本国歌有多难听你知道吗?
- 深度学习 Deep Learning 学习资料汇编 (持续更新中)。欢迎补充。
- Cocos2d-X实现场景切换
- hackerrank Halloween party
- CF #269 DIV2 A,B,C,D