Extjs 연구 노트 5: renderTo와 applyTo_extjs의 차이점에 대한 작은 세부 정보

render : 함수(컨테이너, 위치){
if(!this.rendered && this.fireEvent('beforerender', this) !== false){
if(!container && this .el){
this.el = Ext.get(this.el);
컨테이너 = this.el.dom.parentNode;
this.allowDomMove = false;
}
this.container = Ext.get(컨테이너);
if(this.ctCls){
this.container.addClass(this.ctCls);
}
this.rendered = true;
if(위치 !== 정의되지 않음){
if(Ext.isNumber(위치)){
position = this.container.dom.childNodes[위치];
}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);
this.cls를 삭제하세요.
}
if(this.style){
this.el.applyStyles(this.style);
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));
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);
이 데이터를 삭제하세요.
}
}
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);
}
이것을 반환하세요.
}