Flex ComboBox控件

本文和大家重点学习一下Flex ComboBox控件的用法，Flex ComboBox控件就是下拉框，在Flex中如果使用此控件的话可以变得更炫了，并且用户使用起来更方便。

Flex ComboBox控件

1.动态添加数据

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

1. <mx:Applicationxmlns:mxmx:Applicationxmlns:mx="http://www.adobe.com/2006/mxml"layout="absolute">?
2. <mx:Script>?
3. <![CDATA[ ?
4. ?
5. [Bindable] ?
6. privatevarmonthslist:Array=[{label:"一月",value:0},{label:"二月",value:1},{label:"三月",value:2},{label:"四月",value:3},{label:"五月",value:4}]; ?
7. ?
8. ]]>?
9. </>?
10. <mx:ComboBoxxmx:ComboBoxx="129"y="78"id="cbb1"dataProvider="{monthslist}">mx:ComboBox>?
11. ?
12. mx:Application>?

2.添加固定数据

 
 

<mx:ComboBoxidmx:ComboBoxid="myCBox"x="256"y="78">?
  
  

<mx:Arrayidmx:Arrayid="status">?

  
  

<mx:Objectlabelmx:Objectlabel="元旦"value="0"/>?

  
  

mx:Objectlabel="冬天"value="1"/>?

  
  

mx:Objectlabel="侄子生日"value="2"mx:Objectlabel="老婆生日"value="3"mx:Objectlabel="我的生日"value="4"mx:Objectlabel="哥们生日"value="5"mx:Objectlabel="夏天"value="6"mx:Array>?

  
  
?
 
 

3.两个Flex ComboBox控件联动

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

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

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

privatefunctiongetlist():void ?
  
  
{ ?
  
  

varvv:String=cbb1.selectedItem.value; ?

  
  

myCBox.selectedIndex=int(vv); ?

  
  
} ?
  
  
?
 
 

图：

完整代码：

<?xmlversionxmlversion="1.0"encoding="utf-8"?>?
  
  

mx:Applicationxmlns:mx="http://www.adobe.com/2006/mxml"layout="absolute">?

  
  

<![CDATA[ ?
  
  
importmx.controls.Alert; ?
  
  
?
  
  
[Bindable] ?
  
  
?
  
  
privatefunctiongetlist():void ?
  
  
{ ?
  
  
varvv:String=cbb1.selectedItem.value; ?
  
  
myCBox.selectedIndex=int(vv); ?
  
  
} ?
  
  
]]>?
  
  

mx:ComboBoxx="129"y="78"id="cbb1"dataProvider="{monthslist}"change="getlist()">?

  
  
?
  
  

mx:ComboBoxid="myCBox"x="256"y="78">?

  
  

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