[FLEX] MX:COMOBOBOX의 DROPDOWN LIST WIDTH 자동으로 변경하기.

 

 

 

-관련된 내용을 제법 많이 많이 많이..... 찾아봤는데. 대부분이 C# 에 관련된 내용뿐이고... 

플렉스에서는 이게 자동으로 되나? 싶을정도로 이런기능이 없다. 

난 플렉스를 잘 모르기에 찾아서 해결하려고했지만.. 짜증나서 그냥 만들었다. -_-;;

콤보박스의 WIDTH 값을 100%로 주면 DROPDOWN 목록의 값이 콤보박스를 넘어갈 경우, 해당값을 선택하면 

답도없이 레이아웃이 늘어나버린다. 그래서 찾은게 dropdownWidth 라는 속성인데... 이게 또 문제인게..

퍼센트로 주면 안먹는다... ADOBE의 매뉴얼상에는 제일 큰값으로 지정을 하라는데... 

유동적인 값을 처리하는 콤보박스는 그게 되질 않는다. 

여기서 사용한 콤보박스는 label에 텍스트를 data에는 값을 넣었다. 

주의 할 점은 콤보박스의 이벤트중 꼭 updateComplete 이벤트를 사용해야 데이터의 변동이 있을때도 자동으로 변경된다. 

1. CommonUtils.as 소스

/** * 콤보박스 label 텍스트가 길 경우, dropdownwidth 값을 텍스트에 맞게 늘려준다. * ex> <mx:ComboBox id="cbWorkSch" updateComplete="{CommonUtils.AdjustComboBox_DropDownWidth(event)}" /> * * @AUTHOR bbok */ public static function measureString(str:String, format:TextFormat):Rectangle { var textField:TextField = new TextField(); textField.defaultTextFormat = format; textField.text = str; return new Rectangle(0, 0, textField.textWidth, textField.textHeight); } public static function AdjustComboBox_DropDownWidth(event:Event) : void { var format:TextFormat = new TextFormat(); format.font = "Times New Roman"; format.size = 12; var cb:ComboBox = ComboBox(event.currentTarget); var ac:ArrayCollection = ArrayCollection(cb.dataProvider); var baseComboWidth:Number = cb.width; for each (var o:Object in ac) { var stringWidth:Number = measureString(o["label"], format).width; if(stringWidth>baseComboWidth){ baseComboWidth = stringWidth; } } cb.dropdownWidth = baseComboWidth; }

2. content.mxml 소스

<mx:GridItem verticalAlign="middle"> <mx:Label text="멘트명" /> <mx:ComboBox id="cbMentSch" width="200" dataProvider="{cbMentSchAc}" updateComplete="{CommonUtils.AdjustComboBox_DropDownWidth(event)}" /> </mx:GridItem>

무료통화/무료문자를 포인트로 전환해서 기프티콘, 상품권으로 바꾸자.

http://bbokkun.tistory.com/23