Flex ComboBox控件让你的网站炫起来-51CTO.COM

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

Flex ComboBox控件

1.动态添加数据

首先：创建一个数组进行数据的存储。再在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.添加固定数据

<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控件联动

新建一个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: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>

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

【编辑推荐】