Extjs Compositefield에서 Hide show Combobox 포함 오류

2012. 6. 22. 20:34프로그래밍/ExtJS

Composite field 로 combo 2개와 textfield 1개를 만들고 

맨 처음 combo만 show 나머지 hidden 하니깐 문제가 발생;;; panel anchor 95%로 해도 딱 맞지 않는... 젠장..

삽질 천국 5시간 동안 이게 멀까 왜 안되지 해서 resize 해보고 별의 별짓을 다 했는데;;

찾아 보니 왠걸;;

허무하구나!!

증상은 다음과 같다..

위에 테스트 1은 그냥 combobox 

테스트2는 compositefiled 로 2개의 콤보와 하나의 textfield 로 구성된 것!

<문제의 화면>

저렇게 몇 pixel이 비게된다.. width px고정값으로 하니 panel 크기가 변할때마다 이상하게 변해서 

원인을 찾았다..

composite field 기존 고정값에 요런게 있다..

   ->  defaultMargins: '0 3 0 0',   right 3이라고... 머지하고 저걸 override 해서 0으로 바꾼결과 ;;;

<바꾼 화면>

ㅋㅋㅋ 아놔;; 이런 삽질을 ;; 

이런문제 발생시에는 다음 코드를 입력하라!!

Ext.override(Ext.form.CompositeField,{

defaultMargins: '0 0 0 0',

});