flex中combobox控件的数据绑定

本文介绍了在Flex中如何实现Combobox控件的数据绑定,包括数组、ArrayCollection和XML的绑定方式。通常,数据源从后端以XML或XMLList形式提供,再转化为ArrayCollection以供Combobox展示。
摘要由CSDN通过智能技术生成

1,数组绑定

var arrCbo:Array=["china","england","america"];
var arrCollection:ArrayCollection=new ArrayCollection(arrCbo); 
<s:ComboBox id="selectBuilding" x="411" y="273" width="111" dataProvider="{arrCollection}"/>

2,绑定ArrayCollection

var arrCbo:Array=[{label:"china",data:"1"},{label:"england",data:"2"},{label:"america",data:"3"}]; 
var arrCollection:ArrayCollection=new ArrayCollection(arrCbo); 
<s:ComboBox id="selectBuilding" x="411" y="273" width="111" dataProvider="{arrCollection}" labelField="data"/>


3,绑定xml

一般情况下,由数据端语言生成XML或XMLList提供给Flex,由Flex直接使用或转换成ArrayCollection展现数据

 xml的两种定义方式都可:

<colors>  
	<color>
		<name>22LightGrey</name>
		<number>#D3D3D3</number>
	</color>
	<color>
		<name>22Silver</name>
		<number>##C0C0C0</number>
	</color>
</colors>  

<!--  两种定义方式
<colors> 
<color name="LightGrey" value="#D3D3D3"/>   
<color name="Silver" value="#C0C0C0"/>   
<color name="DarkGray" value="#A9A9A9"/>   
<color name="Gray" value="#808080"/>   
<color name="DimGray" value="#696969"/>   
<color name="Black" value="#000000"/>   
</colors> -->


combobox的绑定

[Bindable] private var colors1:ArrayCollection;     

protected function windowedapplication1_creationCompleteHandler(event:FlexEvent):void
	{
		var xmlUrl:String = "song.xml";     
		//:通过HTTPService   	
		var service:HTTPService = new HTTPService();   
		service.url = xmlUrl;   	
		service.addEventListener(ResultEvent.RESULT, resultHandler);   	service.send();   
	}
private function resultHandler(event:ResultEvent):void
	{   
    		colors1 = event.result.colors.color;  
   	}
 
<s:ComboBox x="222" y="273" dataProvider="{colors1}" labelField="name"/>



 


 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值