Flex ComboBox控件

最新推荐文章于 2015-11-15 19:42:16 发布

iceice0o0o

最新推荐文章于 2015-11-15 19:42:16 发布

阅读量1k

点赞数

CC 4.0 BY-SA版权

分类专栏： flex 文章标签： Flex

本文链接：https://blog.youkuaiyun.com/iceice0o0o/article/details/8855257

flex 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了Flex ComboBox控件的使用方法，包括如何动态添加数据、设置固定数据以及实现两个ComboBox控件的联动效果。通过示例代码展示了ComboBox的数据绑定和事件处理，帮助开发者更好地理解和应用Flex ComboBox。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

本文和大家重点学习一下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>

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