本文和大家重點學(xué)習(xí)一下Flex ComboBox控件的用法，F(xiàn)lex ComboBox控件就是下拉框，在Flex中如果使用此控件的話可以變得更炫了，并且用戶使用起來更方便。

Flex ComboBox控件

1.動態(tài)添加數(shù)據(jù)

首先：創(chuàng)建一個數(shù)組進行數(shù)據(jù)的存儲。再在ComboBox控件dataProvider屬性進行綁定。 

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

 2.添加固定數(shù)據(jù)

<mx:ComboBoxidmx:ComboBoxid="myCBox"x="256"y="78"> 
<mx:Arrayidmx:Arrayid="status"> 
<mx:Objectlabelmx:Objectlabel="元旦"value="0"/> 
<mx:Objectlabelmx:Objectlabel="冬天"value="1"/> 
<mx:Objectlabelmx:Objectlabel="侄子生日"value="2"/> 
<mx:Objectlabelmx:Objectlabel="老婆生日"value="3"/> 
<mx:Objectlabelmx:Objectlabel="我的生日"value="4"/> 
<mx:Objectlabelmx:Objectlabel="哥們生日"value="5"/> 
<mx:Objectlabelmx:Objectlabel="夏天"value="6"/> 
</mx:Array> 
</mx:ComboBox> 
 

 3.兩個Flex ComboBox控件聯(lián)動

新建一個getlist()方法，動態(tài)獲取對應(yīng)月份的信息。

對象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:mxmx:Applicationxmlns:mx="http://www.adobe.com/2006/mxml"layout="absolute"> 
<mx:Script> 
<![CDATA[  
importmx.controls.Alert;  
 
[Bindable]  
privatevarmonthslist:Array=[{label:"一月",value:0},{label:"二月",value:1},{label:"三月",value:2},{label:"四月",value:3},{label:"五月",value:4}];  
 
privatefunctiongetlist():void  
{  
varvv:String=cbb1.selectedItem.value;  
myCBox.selectedIndex=int(vv);  
}  
]]> 
</mx:Script> 
<mx:ComboBoxxmx:ComboBoxx="129"y="78"id="cbb1"dataProvider="{monthslist}"change="getlist()"></mx:ComboBox> 
 
<mx:ComboBoxidmx:ComboBoxid="myCBox"x="256"y="78"> 
<mx:Arrayidmx:Arrayid="status"> 
<mx:Objectlabelmx:Objectlabel="元旦"value="0"/> 
<mx:Objectlabelmx:Objectlabel="冬天"value="1"/> 
<mx:Objectlabelmx:Objectlabel="侄子生日"value="2"/> 
<mx:Objectlabelmx:Objectlabel="老婆生日"value="3"/> 
<mx:Objectlabelmx:Objectlabel="我的生日"value="4"/> 
<mx:Objectlabelmx:Objectlabel="哥們生日"value="5"/> 
<mx:Objectlabelmx:Objectlabel="夏天"value="6"/> 
</mx:Array> 
</mx:ComboBox> 
 
</mx:Application> 
 

試試吧！希望能互相探討！
 

【編輯推薦】

1. Flex ComboBox和Datagrid組件用法指導(dǎo)
2. Flex3到Flex4的轉(zhuǎn)變新特性值得關(guān)注
3. 解析對AdobeFlex的十大誤解
4. FlexBuilder3.0與Eclipse3.4的***結(jié)合
5. 學(xué)習(xí)Flex時必須要知道的10件事情