日志文章

2008年02月04日 10:23:43

Ext架构分析(3)--Widget之父Component：构建器

在Ext2.0中，Component是一切Widget的父类，所有的Widget都继承与它，而他又继承自Observable,因此，它天生就具备了对于事件的处理能力。
首先，让我们看一下它的构建器，它的构建器可以传入三种类型的对象： 对象(该对象的initailConfig属性为真正的配置对象;isAction属性决定了该参数是否是一个Ext.Action对象，如果是Ext.Action对象则注册Component对象）、Ext.Element对象和字符串对象。如果是Ext.element对象或是String对象，Component会在构建其对象中把他们转换为配置属性对象：
Ext.Component = function(config){
config = config || {};
if(config.initialConfig){
if(config.isAction){   // 如果配置属性对象是Ext.action对象
this.baseAction = config;
}
config = config.initialConfig; // component cloning / action set up
}else if(config.tagName || config.dom || typeof config == "string"){ // element object
config = {applyTo: config, id: config.id || config};
}
/*
从以上的代码可以看出，Config对象的结够应该如下所示：
{
applyTo:...,
id:,
initialConfig:{},
isAction:boolean
}
*/
this.initialConfig = config;
Ext.apply(this, config);

Ext.ComponentMgr.register(this);//向ComponentMgr中注册自己
Ext.Component.superclass.constructor.call(this);//调用父类的构建器
//在Action中注册自己
if(this.baseAction){
this.baseAction.addComponent(this);
}
this.initComponent();

// Component还注册了以下的事件，换句话说，所有的widget都支持以下的事件：
this.addEvents(
'disable',
'enable',
'beforeshow',
'show',
'beforehide',
'hide',
'beforerender',
'render',
  'beforedestroy',
  'destroy',
  'beforestaterestore',
  'staterestore',
  'beforestatesave',
  'statesave'
);
Component还提供了对Plugin的支持，在构建过程中，Component对插件逐一的进行调用：
if(this.plugins){
if(this.plugins instanceof Array){
  for(var i = 0, len = this.plugins.length; i < len; i++){
    this.plugins.init(this);
  }
}else{
  this.plugins.init(this);
}
}
最后，如果Config对象中配置了applyTo属性则进行applyToMarkup处理，如果配置了renderTo属性则进行renderTo属性的渲染：
if(this.applyTo){
this.applyToMarkup(this.applyTo);
delete this.applyTo;
}else if(this.renderTo){
this.render(this.renderTo);
delete this.renderTo;
}

applyToMarkup方法实际上也是间接的调用了render方法，实际上，它是对applyTo对象的容器进行render方法的调用：
applyToMarkup : function(el){
this.allowDomMove = false;
this.el = Ext.get(el);
this.render(this.el.dom.parentNode);
}

由以上的分析，我们可以得出如下的结论：
1.如果Component的Config对象属性配置了renderTo和applyTo属性，则Component对象会在构建时立刻进行渲染；否则，渲染不会在构建时进行（这是处于性能的考虑）。
2.配置renderTo和applyTo属性的区别如下：
  1）renderTo是对组件进行渲染，而applyTo是对组件的容器进行渲染；
  2）applyTo对组件进行了this.el属性的设置，而renderTo未进行任何设置；

 




Tags： Component   Ext  

类别： Ext |  评论(4) |  浏览(4751) |  收藏
4楼 [匿名]mjv 2009年11月06日 14:20:29 Says:
[url=http://www.58huojia.com/]货架[/url]
[url=http://www.daishusheying.com/]儿童摄影[/url]
[url=http://www.bjzdsj.com/]塑钢门窗[/url]
[url=http://www.qasd2008.com/]拉网展架[/url]
[url=http://www.qasd2008.com/]北京易拉宝[/url]
[url=http://www.qasd2008.com/]北京展台[/url]
[url=http://www.tnbz.org.cn/]褥疮[/url]
[url=http://www.tnbz.org.cn/]糖尿病足[/url]
[url=http://www.jiulonghengye.com/]货架[/url]
[url=http://www.jiulonghengye.com/]货架厂[/url]
[url=http://www.piao180.com/]票务[/url]
[url=http://www.piao180.com/]中国票务在线[/url]
[url=http://www.piao180.com/]票务网[/url]
[url=http://www.piao180.com/]国家大剧院演出票[/url]
[url=http://www.piao180.com/]中山音乐堂[/url]
[url=http://www.piao180.com/]中国票务网[/url]
[url=http://www.ccckyb.com/]液位计[/url]
[url=http://www.ccckyb.com/prohtml_2/cfb.htm]超声波液位计[/url]
[url=http://www.qasd2008.com/]易拉宝[/url]
[url=http://www.qasd2008.com/]x展架[/url]
[url=http://www.drxbw.cn/]保温材料[/url]
[url=http://www.drxbw.cn/]挤塑板[/url]
[url=http://www.ccckyb.com/]液位变送器[/url]
[url=http://www.ccckyb.com/]压力变送器[/url]
[url=http://www.ccckyb.com/]料位开关[/url]
[url=http://www.famenbj.cn/]上海阀门[/url]
[url=http://www.famenbj.cn/]北京阀门[/url]
[url=http://www.famenbj.cn/]阀门[/url]
[url=http://www.xieziloubj.cn/]北京搬家[/url]
[url=http://www.jiuhuatijian.com.cn/baijinka.aspx]九华山庄体检中心[/url]
[url=http://www.mlpowerleveling.com/]wow gold[/url]
[url=http://www.Google0508.cn/yb/]月饼[/url]
[url=http://www.Google0508.cn/yb/]月饼团购[/url]
[url=http://www.huojiaqw.cn/baojie/]保洁[/url]
[url=http://www.tuozhan58.cn/tz/]拓展训练[/url]
[url=http://www.tuozhan58.cn/tz/]拓展培训[/url]

[url=http://www.mjxianhua.com/]北京鲜花[/url]
[url=http://www.mjxianhua.com/]鲜花订购[/url]
[url=http://www.mjxianhua.com/]鲜花[/url]
[url=http://www.mjxianhua.com/]鲜花预订[/url]
[url=http://www.ccckyb.com/prohtml_2/cfb.htm]磁翻板液位计[/url]
[url=http://www.ccckyb.com/prohtml_2/fqywj.htm]浮球液位计[/url]
[url=http://www.piao180.com/piaolist.asp?id=28]中国国家大剧院[/url]
[url=http://www.piao180.com/piaolist.asp?id=2]保利剧院[/url]
[url=http://www.piao180.com/piaolist.asp?id=28]国家大剧院[/url]
[url=http://www.piao180.com/piaolist.asp?id=28]国家大剧院演出[/url]
[url=http://www.piao180.com/piaolist.asp?id=28]国家大剧院订票[/url]
[url=http://www.bjxhmj.com/]网页设计[/url]
[url=http://www.bjxhmj.com/]网站设计[/url]
[url=http://www.bjxhmj.com/]网站建设[/url]
[url=http://www.bjxhmj.com/ssyxyh.html]标志设计[/url]
[url=http://www.bjxhmj.com/ssyxyh.html]包装设计[/url]
[url=http://www.Google0508.cn/]Google排名[/url]
[url=http://www.Google0508.cn/]网站推广[/url]
[url=http://www.Google0508.cn/wzjs.html]Google优化[/url]
[url=http://www.Google0508.cn/wzjs.html]百度优化[/url]
[url=http://www.Google0508.cn/wzjs.html]整站优化[/url]
[url=http://www.xinyongka09.cn/]西班牙留学[/url]
[url=http://www.xinyongka09.cn/]韩国留学[/url]
[url=http://www.xinyongka09.cn/]留学韩国[/url]
[url=http://www.xinyongka09.cn/]日本留学[/url]
[url=http://www.xinyongka09.cn/fillbuy.asp]瑞士留学[/url]
[url=http://www.xinyongka09.cn/news.asp]法国留学[/url]
[url=http://www.xinyongka09.cn/news.asp]留学法国[/url]
[url=http://www.xinyongka09.cn/news.asp]澳洲留学[/url]
[url=http://www.xinyongka09.cn/news.asp]留学澳洲[/url]
[url=http://www.xinyongka09.cn/fillbuy.asp]留学瑞士[/url]
[url=http://www.xinyongka09.cn/fillbuy.asp]意大利留学[/url]
[url=http://www.xinyongka09.cn/fillbuy.asp]留学意大利[/url]
[url=http://www.xinyongka09.cn/art.asp]澳大利亚留学[/url]
[url=http://www.xinyongka09.cn/art.asp]留学澳大利亚[/url]
[url=http://www.xinyongka09.cn/art.asp]加拿大留学[/url]
[url=http://www.xinyongka09.cn/art.asp]留学加拿大[/url]
[url=http://www.gdstbj.cn/]管道疏通[/url]
[url=http://www.gdstbj.cn/qxgd.htm]疏通马桶[/url]
[url=http://www.gdstbj.cn/qxgd.htm]抽粪[/url]
[url=http://www.gdstbj.cn/qxgd.htm]北京抽粪[/url]
[url=http://www.gdstbj.cn/qxgd.htm]环卫抽粪[/url]
[url=http://www.gdstbj.cn/fufw.htm]北京清理化粪池[/url]
[url=http://www.gdstbj.cn/fufw.htm]高压清洗[/url]
[url=http://www.gdstbj.cn/bjgdst.htm]北京疏通下水道[/url]
[url=http://www.gdstbj.cn/qxgd.htm]北京疏通马桶[/url]
[url=http://www.gdstbj.cn/gdst.htm]北京崇文区管道疏通[/url]
[url=http://www.gdstbj.cn/bjgdst.htm]北京宣武区管道疏通[/url]
[url=http://www.datang58.com/hq/]婚庆公司[/url]
[url=http://www.datang58.com/hq/]北京婚庆[/url]
[url=http://www.datang58.com/hq/]北京婚庆公司[/url]
3楼 [匿名]mjv 2009年11月06日 14:20:07 Says:
[url=http://www.58huojia.com/]货架[/url]
[url=http://www.daishusheying.com/]儿童摄影[/url]
[url=http://www.bjzdsj.com/]塑钢门窗[/url]
[url=http://www.qasd2008.com/]拉网展架[/url]
[url=http://www.qasd2008.com/]北京易拉宝[/url]
[url=http://www.qasd2008.com/]北京展台[/url]
[url=http://www.tnbz.org.cn/]褥疮[/url]
[url=http://www.tnbz.org.cn/]糖尿病足[/url]
[url=http://www.jiulonghengye.com/]货架[/url]
[url=http://www.jiulonghengye.com/]货架厂[/url]
[url=http://www.piao180.com/]票务[/url]
[url=http://www.piao180.com/]中国票务在线[/url]
[url=http://www.piao180.com/]票务网[/url]
[url=http://www.piao180.com/]国家大剧院演出票[/url]
[url=http://www.piao180.com/]中山音乐堂[/url]
[url=http://www.piao180.com/]中国票务网[/url]
[url=http://www.ccckyb.com/]液位计[/url]
[url=http://www.ccckyb.com/prohtml_2/cfb.htm]超声波液位计[/url]
[url=http://www.qasd2008.com/]易拉宝[/url]
[url=http://www.qasd2008.com/]x展架[/url]
[url=http://www.drxbw.cn/]保温材料[/url]
[url=http://www.drxbw.cn/]挤塑板[/url]
[url=http://www.ccckyb.com/]液位变送器[/url]
[url=http://www.ccckyb.com/]压力变送器[/url]
[url=http://www.ccckyb.com/]料位开关[/url]
[url=http://www.famenbj.cn/]上海阀门[/url]
[url=http://www.famenbj.cn/]北京阀门[/url]
[url=http://www.famenbj.cn/]阀门[/url]
[url=http://www.xieziloubj.cn/]北京搬家[/url]
[url=http://www.jiuhuatijian.com.cn/baijinka.aspx]九华山庄体检中心[/url]
[url=http://www.mlpowerleveling.com/]wow gold[/url]
[url=http://www.Google0508.cn/yb/]月饼[/url]
[url=http://www.Google0508.cn/yb/]月饼团购[/url]
[url=http://www.huojiaqw.cn/baojie/]保洁[/url]
[url=http://www.tuozhan58.cn/tz/]拓展训练[/url]
[url=http://www.tuozhan58.cn/tz/]拓展培训[/url]

[url=http://www.mjxianhua.com/]北京鲜花[/url]
[url=http://www.mjxianhua.com/]鲜花订购[/url]
[url=http://www.mjxianhua.com/]鲜花[/url]
[url=http://www.mjxianhua.com/]鲜花预订[/url]
[url=http://www.ccckyb.com/prohtml_2/cfb.htm]磁翻板液位计[/url]
[url=http://www.ccckyb.com/prohtml_2/fqywj.htm]浮球液位计[/url]
[url=http://www.piao180.com/piaolist.asp?id=28]中国国家大剧院[/url]
[url=http://www.piao180.com/piaolist.asp?id=2]保利剧院[/url]
[url=http://www.piao180.com/piaolist.asp?id=28]国家大剧院[/url]
[url=http://www.piao180.com/piaolist.asp?id=28]国家大剧院演出[/url]
[url=http://www.piao180.com/piaolist.asp?id=28]国家大剧院订票[/url]
[url=http://www.bjxhmj.com/]网页设计[/url]
[url=http://www.bjxhmj.com/]网站设计[/url]
[url=http://www.bjxhmj.com/]网站建设[/url]
[url=http://www.bjxhmj.com/ssyxyh.html]标志设计[/url]
[url=http://www.bjxhmj.com/ssyxyh.html]包装设计[/url]
[url=http://www.Google0508.cn/]Google排名[/url]
[url=http://www.Google0508.cn/]网站推广[/url]
[url=http://www.Google0508.cn/wzjs.html]Google优化[/url]
[url=http://www.Google0508.cn/wzjs.html]百度优化[/url]
[url=http://www.Google0508.cn/wzjs.html]整站优化[/url]
[url=http://www.xinyongka09.cn/]西班牙留学[/url]
[url=http://www.xinyongka09.cn/]韩国留学[/url]
[url=http://www.xinyongka09.cn/]留学韩国[/url]
[url=http://www.xinyongka09.cn/]日本留学[/url]
[url=http://www.xinyongka09.cn/fillbuy.asp]瑞士留学[/url]
[url=http://www.xinyongka09.cn/news.asp]法国留学[/url]
[url=http://www.xinyongka09.cn/news.asp]留学法国[/url]
[url=http://www.xinyongka09.cn/news.asp]澳洲留学[/url]
[url=http://www.xinyongka09.cn/news.asp]留学澳洲[/url]
[url=http://www.xinyongka09.cn/fillbuy.asp]留学瑞士[/url]
[url=http://www.xinyongka09.cn/fillbuy.asp]意大利留学[/url]
[url=http://www.xinyongka09.cn/fillbuy.asp]留学意大利[/url]
[url=http://www.xinyongka09.cn/art.asp]澳大利亚留学[/url]
[url=http://www.xinyongka09.cn/art.asp]留学澳大利亚[/url]
[url=http://www.xinyongka09.cn/art.asp]加拿大留学[/url]
[url=http://www.xinyongka09.cn/art.asp]留学加拿大[/url]
[url=http://www.gdstbj.cn/]管道疏通[/url]
[url=http://www.gdstbj.cn/qxgd.htm]疏通马桶[/url]
[url=http://www.gdstbj.cn/qxgd.htm]抽粪[/url]
[url=http://www.gdstbj.cn/qxgd.htm]北京抽粪[/url]
[url=http://www.gdstbj.cn/qxgd.htm]环卫抽粪[/url]
[url=http://www.gdstbj.cn/fufw.htm]北京清理化粪池[/url]
[url=http://www.gdstbj.cn/fufw.htm]高压清洗[/url]
[url=http://www.gdstbj.cn/bjgdst.htm]北京疏通下水道[/url]
[url=http://www.gdstbj.cn/qxgd.htm]北京疏通马桶[/url]
[url=http://www.gdstbj.cn/gdst.htm]北京崇文区管道疏通[/url]
[url=http://www.gdstbj.cn/bjgdst.htm]北京宣武区管道疏通[/url]
[url=http://www.datang58.com/hq/]婚庆公司[/url]
[url=http://www.datang58.com/hq/]北京婚庆[/url]
[url=http://www.datang58.com/hq/]北京婚庆公司[/url]
2楼 [匿名]asqwds 2009年10月26日 09:21:27 Says:
[url=http://www.magtenlight.com/]Bike lights[/url]
[url=http://www.magtenlight.com/]reelight[/url]
[url=http://www.popnewshoes.com/]christian louboutin[/url]
[url=http://www.quilting-machinery.com/]quilting machine[/url]
[url=http://www.mattressmachine.com.cn/english/About.asp]mattress machine[/url]
[url=http://www.mlpowerleveling.com/]wow gold[/url]
[url=http://www.magtenlight.com/]BICYCLE LIGHT[/url]
[url=http://www.uggeshop.com/]ugg boots[/url]
[url=http://www.uggeshop.com/]ugg cardy[/url]
[url=http://www.uggeshop.com/genuine-ugg-classic-short-boots-in-sand.html]ugg short boots[/url]
[url=http://www.uggeshop.com/]ugg tall boots[/url]
[url=http://www.uggeshop.com/ugg-boots.html]ugg sundance[/url]
[url=http://www.uggeshop.com/ugg-boots.html]ugg cardy boots[/url]
[url=http://www.uggeshop.com/ugg-boots.html]cardy boots[/url]
[url=http://www.uggeshop.com/]cheap ugg boots[/url]
[url=http://www.uggeshop.com/]ugg tall[/url]
[url=http://www.uggeshop.com/ugg-boots.html]cheap ugg cardy boots[/url]
[url=http://www.uggeshop.com/genuine-ugg-sundance-ii-boots-in-sand.html]ugg sundance boots[/url]
[url=http://www.uggeshop.com/ugg-boots.html]ugg mini[/url]
[url=http://www.uggeshop.com/ugg-boots.html]ugg mini boots[/url]
[url=http://www.uggeshop.com/]ugg classic cardy[/url]
[url=http://www.uggeshop.com/]ugg classic tall boots[/url]
[url=http://www.uggeshop.com/]ugg classic tall[/url]
[url=http://www.uggeshop.com/]ugg classic[/url]
[url=http://www.uggeshop.com/]ugg boot[/url]
[url=http://www.uggeshop.com/]ugg boots uk[/url]
[url=http://www.uggeshop.com/]ugg short[/url]
[url=http://www.mlpowerleveling.com/]wow power leveling[/url]
[url=http://www.mlpowerleveling.com/]wow powerleveling[/url]
[url=http://www.mlpowerleveling.com/]World of Warcraft Gold[/url]

[url=http://www.allpillsrs.com/]cheap Levitra[/url]
[url=http://www.strongforyou.com/]cheap hgh[/url]
[url=http://www.digitalsignagemaker.com/]digital advertising[/url]
[url=http://www.digitalsignagemaker.com/]advertising monitor[/url]
[url=http://www.digitalsignagemaker.com/]digital signage[/url]
[url=http://www.digitalsignagemaker.com/]advertising display[/url]    
[url=http://www.digitalsignagemaker.com/]digital sign[/url]
[url=http://www.digitalsignagemaker.com/]ad player[/url]
[url=http://www.digitalsignagemaker.com/]advertisement display[/url]
[url=http://www.digitalsignagemaker.com/]advertising player[/url]
[url=http://www.mattressmachine.net/English/Index.asp]spring mattress machine[/url]
[url=http://www.digitalsignagemaker.com/fr/home/index.asp]écran publicitaire[/url]
[url=http://www.digitalsignagemaker.com/fr/home/index.asp]publicitaire écran[/url]
[url=http://www.digitalsignagemaker.com/es/home/index.asp]publicidad pantalla[/url]
[url=http://www.digitalsignagemaker.com/es/home/index.asp]publicidad de pantalla[/url]
[url=http://www.digitalsignagemaker.com/it/home/index.asp]pubblicità display[/url]
[url=http://www.digitalsignagemaker.com/it/home/index.asp]LCD pubblicità[/url]
[url=http://www.digitalsignagemaker.com/de/home/index.asp]LCD-Werbung[/url]      
[url=http://www.digitalsignagemaker.com/de/home/index.asp]Werbemonitor[/url]
[url=http://www.digitalsignagemaker.com/pt/home/index.asp]LCD publicidade[/url]
[url=http://www.digitalsignagemaker.com/pt/home/index.asp]publicidade digital[/url]
1楼 [匿名]齐纳尔多 2009年05月27日 14:52:55 Says:
filterOptRe : /^(?:scope|delay|buffer|single)$/
帮忙解释一下 没看懂~ 谢谢
发表评论
看不清楚，换一张