CheckBox의 라벨부분이 정상적으로 표시되지 않는다면..
WEB2.0/ExtJS |
2009. 3. 16. 14:30
ExtJs 2.0에서는 괜찮았는데 2.1~2.2를 사용하는 경우
위의 그림처럼 체크박스를 사용할 때 boxLabel 부분이 정상적으로 표시되지 않은 경우가 있다.
(아니면 뒤쪽으로 몰린다던지..)
Ext.form.Checkbox 에 정의되어있는 getResizeEl에 다음과 같이 정의되어 있다.
getResizeEl : function(){
if(!this.resizeEl){
this.resizeEl = Ext.isSafari ? this.wrap : (this.wrap.up('.x-form-element', 5) || this.wrap);
}
return this.resizeEl;
}
if(!this.resizeEl){
this.resizeEl = Ext.isSafari ? this.wrap : (this.wrap.up('.x-form-element', 5) || this.wrap);
}
return this.resizeEl;
}
이부분을 다음과 같이 수정한다.
getResizeEl : function(){
return this.wrap;
},
아니면 호출하는 스크립트에서
return this.wrap;
},
Ext.override(Ext.form.Checkbox, {
getResizeEl : function(){
return this.wrap;
}
});
getResizeEl : function(){
return this.wrap;
}
});
이렇게 Override 해서 사용하면 정상적으로 표시됨을 확인할 수 있다.
'WEB2.0 > ExtJS' 카테고리의 다른 글
| [ExtJS 2.x]IE8에서 텍스트 필드 상단 라인이 보이지 않는 문제 (0) | 2009.04.17 |
|---|---|
| [2.2.1 & 3.0] Editable-Grid에서 셀을 클릭했을때 GridBody가 왼쪽으로 스크롤 되는 버그. (0) | 2009.04.13 |
| Grid에서 Tree로 Drag&Drop (0) | 2009.01.08 |
| [ExtJS] TextField에서 키이벤트 활성화시키기 (0) | 2009.01.07 |
| [ExtJS] 그리드나 트리에서 스크롤링 포커스 주기. (0) | 2008.12.30 |
