首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 媒体动画 > flex >

Flex中数据ComboBox的绑定的5种方式

2012-11-10 
Flex中数据ComboBox的绑定的五种方式Combobox绑定中是否使用dataField方法一:mx:FormItem directionhor

Flex中数据ComboBox的绑定的五种方式
Combobox绑定中是否使用dataField

方法一:

<mx:FormItem direction="horizontal" >
  <mx:Label  id="lblFormCity"  text="飞机起飞城市"/><mx:ComboBox id="cboformCity" dataProvider="{citysList.item.@label}"  width="65"/>
</mx:FormItem>



方法二:
<mx:FormItem  direction="horizontal">
  <mx:Label  id="lblToCity"  text="飞机到达城市"/><mx:ComboBox id="cbotoCity" dataProvider="{citysList.item}" labelField="@label" width="66"/>
</mx:FormItem>


方法三,直接通过标签对:

<mx:ComboBox x="82" y="275" id="c1">

<mx:Array>
<mx:Object data='1' label="测试1" />
<mx:Object data='2' label="测试2" />
</mx:Array>

</mx:ComboBox>



方法四,定义一个数组赋值:

private var c2arr:ArrayCollection=new ArrayCollection([
{data:"1",label:"第1条"},{data:"2",label:"第2条"}]
);  //定义数组

<mx:ComboBox x="177" y="275" id="c2" dataProvider="{c2arr}"></mx:ComboBox>   //{c2arr}引用数组;







方法五,定义方法赋值:



internal function c3ar():void{
var a3:Array=new Array();
a3.push({data:1,label:"111数据"});
a3.push({data:2,label:"222数据"});
c3.dataProvider=a3;
}

<mx:ComboBox x="229" y="275" id="c3"></mx:ComboBox>

在<mx:Application 中加入属性creationComplete

如:<mx:Application  creationComplete="c3ar()"  //载入方法为Combobox赋值


实例Demo如下:

<?xml version="1.0" encoding="utf-8"?>
<mx:Form xmlns:mx="http://www.adobe.com/2006/mxml"  >
<mx:Script>
<![CDATA[
    import flash.events.MouseEvent;
    import mx.controls.Alert;
  private function searchHandler():void
  {
     Alert.show("test");
  }
]]>
</mx:Script>
<mx:XMLList id="citysList">
  <items>
   <item label="深 圳" value="sz"/>
   <item label="上 海" value="sh"/>
   <item label="天 津" value="tj"/>
  </items>
</mx:XMLList>
<mx:FormItem direction="horizontal" >
  <mx:Label  id="lblFormCity"  text="飞机起飞城市"/><mx:ComboBox id="cboformCity" dataProvider="{citysList.item.@label}"  width="65"/>
</mx:FormItem>
<mx:FormItem  direction="horizontal">
  <mx:Label  id="lblToCity"  text="飞机到达城市"/><mx:ComboBox id="cbotoCity" dataProvider="{citysList.item}" labelField="@label" width="66"/>
</mx:FormItem>
<mx:FormItem direction="horizontal" >
   <mx:Label width="45" id="lblstatDate" text="起飞时间"/><mx:DateField  id="startDate" />
</mx:FormItem>
<mx:FormItem direction="horizontal" >
   <mx:Label width="45" id="lblendDate" text="抵达时间"/><mx:DateField  id="endDate" />
</mx:FormItem>
<mx:FormItem direction="horizontal" width="158">
<mx:ControlBar>
  <mx:RadioButtonGroup id="radwayType"/>
  <mx:RadioButton  width="45" groupName="radwayType" label="单程" value="0" />
  <mx:RadioButton width="45"  groupName="radwayType" label="联程" value="1" />
  <mx:Spacer width="100%"/>
</mx:ControlBar>
</mx:FormItem>
<mx:FormItem direction="horizontal" textAlign="right" width="159">
   <mx:Button id="searchbtn"  width="45"  label="查  询"  textAlign="center"  click="searchHandler()"    />
</mx:FormItem>
</mx:Form>

热点排行