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>
试试吧!希望能互相探讨!