CheckBox의 라벨부분이 정상적으로 표시되지 않는다면..

 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;
  }

이부분을 다음과 같이 수정한다.

getResizeEl : function(){
        return this.wrap;
},

아니면 호출하는 스크립트에서

Ext.override(Ext.form.Checkbox, {
        getResizeEl : function(){
                return this.wrap;
        }
});

 이렇게 Override 해서 사용하면 정상적으로 표시됨을 확인할 수 있다.