[searchField] IE8에서 TriggerField가 이상하게 보이는 버그 패치
ExtJS에서 유용하게 사용하는 플러그인중 하나가 그리드에서 검색기능을 지원하는 searchField가 아닐까 싶다.
헌데 IE8에서는 아래 화면에서 처럼 정상적으로 표현되지 않는다.(동작은 한다..)
아니면 다음그림처럼 검색필드 부분이 아예 나오지 않는 경우도 있다.
알아보니 searchField가 문제가 아니라
클래스 내의 멤버변수로 사용하고 있던 TriggerField에서 문제가 있었다.
문제가 있는 코드의 위치는 아래....
Ext.form.TriggerField = Ext.extend(Ext.form.TextField, {
...
afterRender : function(){
Ext.form.TriggerField.superclass.afterRender.call(this);
var y;
if(Ext.isIE && !this.hideTrigger && this.el.getY() != (y = this.trigger.getY())){
// 위 라인에서 문제가 발생한다....
this.el.position();
this.el.setY(y);
}
},
그럼 이제 수정을..이번에도 직접 코드를 수정하기 보다는 override해서 처리를...
Ext.override(Ext.form.TriggerField, {
afterRender : function(){
Ext.form.TriggerField.superclass.afterRender.call(this);
var y;
if (Ext.isIE && !this.hideTrigger && this.el.getY() !=
(y = (!this.triggers?this.trigger.getY():this.triggers[1].getY()))) {
this.el.position();
this.el.setY(y);
}
}
});
이제 아래처럼 정상적으로...ㅋㅋ
'WEB2.0 > ExtJS' 카테고리의 다른 글
| [2.2X] Grid 헤더 메뉴 아이콘이 제대로 보이지 않는 경우..[IE6] (0) | 2009.06.30 |
|---|---|
| [ExtJS 2.2x] IE8에서 달력이 짤려서 나올때 (0) | 2009.04.17 |
| [ExtJS 2.x]IE8에서 텍스트 필드 상단 라인이 보이지 않는 문제 (0) | 2009.04.17 |
| [2.2.1 & 3.0] Editable-Grid에서 셀을 클릭했을때 GridBody가 왼쪽으로 스크롤 되는 버그. (0) | 2009.04.13 |
| CheckBox의 라벨부분이 정상적으로 표시되지 않는다면.. (0) | 2009.03.16 |
