Extjs学习笔记之五 一个小细节renderTo和applyTo的区别

render : function(container, position){
if(!this.rendered && this.fireEvent('beforerender', this) !==false){
if(!container && this.el){
this.el=Ext.get(this.el);
container=this.el.dom.parentNode;
this.allowDomMove=false;
}
this.container=Ext.get(container);
if(this.ctCls){
this.container.addClass(this.ctCls);
}
this.rendered=true;
if(position !==undefined){
if(Ext.isNumber(position)){
position=this.container.dom.childNodes[position];
}else{
position=Ext.getDom(position);
}
}
this.onRender(this.container, position || null);
if(this.autoShow){
this.el.removeClass(['x-hidden','x-hide-' + this.hideMode]);
}
if(this.cls){
this.el.addClass(this.cls);
delete this.cls;
}
if(this.style){
this.el.applyStyles(this.style);
delete this.style;
}
if(this.overCls){
this.el.addClassOnOver(this.overCls);
}
this.fireEvent('render', this);

var contentTarget=this.getContentTarget();
if (this.html){
contentTarget.update(Ext.DomHelper.markup(this.html));
delete this.html;
}
if (this.contentEl){
var ce=Ext.getDom(this.contentEl);
Ext.fly(ce).removeClass(['x-hidden', 'x-hide-display']);
contentTarget.appendChild(ce);
}
if (this.tpl) {
if (!this.tpl.compile) {
this.tpl=new Ext.XTemplate(this.tpl);
}
if (this.data) {
this.tpl[this.tplWriteMode](contentTarget, this.data);
delete this.data;
}
}
this.afterRender(this.container);
if(this.hidden){
this.doHide();
}
if(this.disabled){
this.disable(true);
}
if(this.stateful !==false){
this.initStateEvents();
}
this.fireEvent('afterrender', this);
}
return this;
}