changin 기본 드롭 다운 목록의 너비와 높이

Question

메인 컨트롤의 표시 영역에있는 더 큰 항목을 수용 할만큼 충분히 넓은 드롭 다운 목록이 필요합니다. (즉, MX 콤보 상자의 기능이있는 드롭 다운 목록) 가이드를 참조하십시오. 나에 관해서.

Answer 1

당신은 사용자 정의 DropDownList로 (원래 확장)를 만들고 dataProvider 세터와 measure() 메소드를 오버라이드 (override)합니다. dataProvider 세터에서는 invalidateSize()을 호출해야하며 데이터 제공 업체를 반복하여 가장 큰 라벨 (라벨에 새 텍스트를 할당하고 너비를 비교할 수 있음)을 찾아야합니다.

Answer 2

Flex 예제의 this example을 확인하십시오. DropDownList에 대한 스킨을 만들고 popUpWidthMatchesAnchorWidth="false" 속성을 설정하기 만하면됩니다.

Answer 3

이렇게하면 드롭 다운 폭이 데이터 폭에 맞게 조정됩니다. 어디에서 코드를 가져 왔는지 예제를 잊어 버렸습니다. rowCount로 높이를 설정할 수 있다고 생각합니다.

package valueObjects.comboBox{ 

    import flash.events.Event; 
    import mx.controls.ComboBox; 
    import mx.core.ClassFactory; 
    import mx.core.IFactory; 
    import mx.events.FlexEvent; 

    public class ExtendedComboBox extends ComboBox{ 
     private var _ddFactory:IFactory = new ClassFactory(ExtendedList); 

     public function ExtendedComboBox(){  
      super(); 
     } 
     override public function get dropdownFactory():IFactory{ 
      return _ddFactory; 
     } 
     override public function set dropdownFactory(factory:IFactory):void{ 
      _ddFactory = factory; 
     } 
     public function adjustDropDownWidth(event:Event=null):void{  

     this.removeEventListener(FlexEvent.VALUE_COMMIT,adjustDropDownWidth); 
      if (this.dropdown == null){ 
       callLater(adjustDropDownWidth); 
      }else{ 
       var ddWidth:int = this.dropdown.measureWidthOfItems(-1,this.dataProvider.length); 
       if (this.dropdown.maxVerticalScrollPosition > 0){      
        ddWidth += ExtendedList(dropdown).getScrollbarWidth();      
       }     
       this.dropdownWidth = Math.max(ddWidth,this.width);     
      } 
     } 
     override protected function collectionChangeHandler(event:Event):void{ 
      super.collectionChangeHandler(event); 
      this.addEventListener(FlexEvent.VALUE_COMMIT,adjustDropDownWidth);   
     } 
    } 
} 



package valueObjects.comboBox{ 
    import mx.controls.List; 

    public class ExtendedList extends List{ 
     public function ExtendedList(){ 
      super(); 
     } 
     public function getScrollbarWidth():int{ 
      var scrollbarWidth:int = 0; 
      if (this.verticalScrollBar != null){ 
       scrollbarWidth = this.verticalScrollBar.width; 
      } 
      return scrollbarWidth; 
     } 

    } 
} 




<?xml version="1.0" encoding="utf-8"?> 
<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml" mlns:comboBox="valueObjects.comboBox.*" > 

    <comboBox:ExtendedComboBox labelField="data.totext()" itemRenderer="mx.controls.Label" /> 
</mx:Canvas> 

Answer 4

는 다음 코드에 의해 달성된다

public override function set dataProvider(value:IList):void 
    { 

     var length:Number = 0; 
     var array:Array = value.toArray(); 
     super.dataProvider = value; 
     var labelName:String = this.labelField; 
     var typicalObject:Object =new Object(); 
     for each(var obj:Object in array) 
     { 
      var temp:Number = obj[labelName] .length; 
      if(length < temp) 
      { 

       length = temp; 
       Alert.show(" length "+length.toString()); 
       typicalObject = obj; 
      } 
      //length = length < Number(obj[labelName].length) ? Number(obj[labelName].length) : length 
      //Alert.show(obj[labelName].length); 
      this.typicalItem = typicalObject; 
     } 



    } 

Answer 5

죄송합니다, 더 나은 분야에서 폭과 높이를 모두 벗어.

Answer 6

콤보 상자의 드롭 다운 목록 높이를 높이려면 "rowCount" 속성을 사용하십시오. 이것은 플렉스 3.6.0