Flex 之初学 ComboBox 控件

<mx:Script>
  <![CDATA[
   import mx.collections.ArrayCollection;
   import mx.events.CloseEvent;  
   //两种数组使用的方式 
   //private var items:Array = [{label:"Flex",data:1},{label:"Ext",data:2},{label:"JBMP",data:3}];
   [Bindable]
   private var items:ArrayCollection = new ArrayCollection([{label:"Flex",data:1},{label:"Ext",data:2},{label:"JBMP",data:3}]);
   //多个ComboBox控件共用一个事件
   private function closeHandel(event:Event):void{
    //txt1.text = cb1.selectedLabel;
    //txt2.text = cb1.selectedItem.data;
    
    //txt1.text = (event.target as ComboBox).selectedItem.label;
    //txt2.text = (event.target as ComboBox).selectedItem.data;
    
    //或者
    txt1.text = (ComboBox)event.target.selectedItem.label;
    txt2.text = (ComboBox)event.target.selectedItem.data;
   }
  ]]>
 </mx:Script>

 

 

 

<mx:Panel x="30" y="29" width="333" height="174" layout="absolute" title="Combox 控件的使用">
 
  <mx:ComboBox x="28" y="10" width="128" closeDuration="500" dataProvider="{items}" id="cb1" close="closeHandel(event)"></mx:ComboBox>
  
  
  <mx:Label x="28" y="50" text="选项" width="35" fontWeight="bold" enabled="true" fontSize="12" color="#FF0000"/>
  <mx:TextInput x="93" y="48" width="113" id="txt1"/>
  <mx:Label x="28" y="87" text="选项值" fontWeight="bold" enabled="true" fontSize="12" color="#FF0000"/>
  <mx:TextInput x="93" y="85" width="113" id="txt2"/>
  <mx:ComboBox x="164" y="10" width="103" id="cb2">
   <mx:dataProvider>
               <mx:Object label="男" data="1"/>
               <mx:Object label="女" data="2"/>
           </mx:dataProvider>
  </mx:ComboBox>
 </mx:Panel>