Flex控件之repeater和radioButton应用

来源：互联网发布：office办公软件mac版编辑：程序博客网时间：2024/05/15 00:44

代码：http://www.cnblogs.com/modou/articles/2108346.html

<?xml version="1.0" encoding="utf-8"?><s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"                xmlns:s="library://ns.adobe.com/flex/spark"                xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">    <s:layout>         <s:BasicLayout/>     </s:layout>         <fx:Script>         <![CDATA[             import mx.controls.Alert;             import mx.events.FlexEvent;                         protected function button1_clickHandler(event:MouseEvent):void            {                 Alert.show(radiogroup1.selectedValue.toString());             }                                     protected function radiobutton1_creationCompleteHandler(event:FlexEvent):void            {                                 var rb:RadioButton =event.currentTarget as RadioButton;                 if(rb==radiogroup1.getRadioButtonAt(2))                 {                     rb.selected = true;                 }             }                     ]]>     </fx:Script>             <fx:Declarations>                 <fx:Array id="arr">             <fx:Object label="北京" data="010" />             <fx:Object label="上海" data="021" />             <fx:Object label="天津" data="022" />             <fx:Object label="重庆" data="023" />             <fx:Object label="广州" data="020" />         </fx:Array>                 <s:RadioButtonGroup id="radiogroup1"  />     </fx:Declarations>         <s:Button x="336" y="316" label="按钮" click="button1_clickHandler(event)"/>     <mx:VBox x="100" y="200" height="200" width="200" borderVisible="true" borderStyle="outset">         <mx:Repeater dataProvider="{arr}"  id="radioRepeater" x="52" y="38">             <s:RadioButton label="{radioRepeater.currentItem.label}" value="{radioRepeater.currentItem.data}" groupName="radiogroup1"
 creationComplete="radiobutton1_creationCompleteHandler(event)" />         </mx:Repeater>     </mx:VBox> </s:Application>

1.首先先用fx:Array生成数据对象，fx:Array需要放在fx:Declarations声明部分

2.添加一个s:RadioButtonGroup，也需要放在fx:Declarations声明部分

3.添加一个mx:Repeater组件，并在mx:Repeater组件内添加一个s:RadioButton组件给mx:Repeater组件设置数据源，那么数据源有几条数据，就会生成几个RadioButton

　　由于mx:Repeater组件必须包在基于Halo的容器中，所以还需要在mx:Repeater组件外包一个mx:VBox组件

4.通过radiogroup1.selectedValue.toString()，可以获取当前选择项的value值

5.如果需要默认绑定第一个RadioButton，可以在RadioButton组件添加creationComplete事件，监测如果是第一项，就选中

0 0