flex ComboBox控件 学习

ComboxBox控件就是 下拉框，在flex中变得更炫了。让用户使用起来更方便。

ComboxBox控件

1. 动态添加数据

首先：创建一个数组进行数据的存储。再在ComboBox控件 dataProvider属性进行绑定。

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
 <mx:Script>
  <![CDATA[
   
   [Bindable]
   private var monthslist:Array=[{label:"一月",value:0},{label:"二月",value:1},{label:"三月",value:2},{label:"四月", value:3},{label:"五月", value:4}];
   
  ]]>
 </mx:Script>
 <mx:ComboBox x="129" y="78" id="cbb1" dataProvider="{monthslist}" ></mx:ComboBox>
  
</mx:Application>

 

2.添加固定数据

 <mx:ComboBox id="myCBox" x="256" y="78">
     <mx:Array id="status">
         <mx:Object label="元旦" value="0"/>
         <mx:Object label="冬天" value="1"/>
         <mx:Object label="侄子生日" value="2"/>
         <mx:Object label="老婆生日" value="3"/>
         <mx:Object label="我的生日" value="4"/>
         <mx:Object label="哥们生日" value="5"/>
         <mx:Object label="夏天" value="6"/>
       </mx:Array>
    </mx:ComboBox>

 

3.两个ComboBox控件联动

新建一个getlist()方法，动态获取对应月份的信息。

对象id.selectedItem.value //获取选中对象value值

对象id.selectedIndex //显示选中对象值

   private function getlist():void
   {
    var vv:String=cbb1.selectedItem.value;
    myCBox.selectedIndex=int(vv);
   }

 

图：

 

完整代码：

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
 <mx:Script>
  <![CDATA[
   import mx.controls.Alert;
   
   [Bindable]
   private var monthslist:Array=[{label:"一月",value:0},{label:"二月",value:1},{label:"三月",value:2},{label:"四月", value:3},{label:"五月", value:4}];
   
   private function getlist():void
   {
    var vv:String=cbb1.selectedItem.value;
    myCBox.selectedIndex=int(vv);
   }
  ]]>
 </mx:Script>
 <mx:ComboBox x="129" y="78" id="cbb1" dataProvider="{monthslist}" change="getlist()"></mx:ComboBox>
 
 <mx:ComboBox id="myCBox" x="256" y="78">
     <mx:Array id="status">
         <mx:Object label="元旦" value="0"/>
         <mx:Object label="冬天" value="1"/>
         <mx:Object label="侄子生日" value="2"/>
         <mx:Object label="老婆生日" value="3"/>
         <mx:Object label="我的生日" value="4"/>
         <mx:Object label="哥们生日" value="5"/>
         <mx:Object label="夏天" value="6"/>
       </mx:Array>
    </mx:ComboBox>
   
</mx:Application>

试试吧！希望能互相探讨！