Flex repeater使用

代码一：

<?xml version="1.0" encoding="utf-8"?> 
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" 
        layout="vertical" 
        verticalAlign="middle" 
        backgroundColor="white"> 
  
    <mx:Style> 
        Alert { 
            backgroundAlpha: 0.8; 
            backgroundColor: black; 
            borderAlpha: 0.8; 
            borderColor: black; 
        } 
    </mx:Style> 
  
    <mx:Script> 
        <![CDATA[ 
            import mx.controls.Alert; 
            import mx.controls.RadioButton; 
  
            private function radioButton_change(evt:Event):void { 
                var radio:RadioButton = RadioButton(evt.currentTarget); 
                var item:Object = radio.getRepeaterItem(); 
                var cssObj:CSSStyleDeclaration; 
                cssObj = StyleManager.getStyleDeclaration("Alert"); 
                cssObj.setStyle("modalTransparencyColor", item.data); 
                cssObj.setStyle("themeColor", item.data); 
                Alert.show(item.label, "getRepeaterItem()"); 
            } 
        ]]> 
    </mx:Script> 
  
    <mx:Array id="arr"> 
        <mx:Object label="Red" data="red" /> 
        <mx:Object label="Orange" data="haloOrange" /> 
        <mx:Object label="Yellow" data="yellow" /> 
        <mx:Object label="Green" data="haloGreen" /> 
        <mx:Object label="Blue" data="haloBlue" /> 
    </mx:Array> 
  
    <mx:ApplicationControlBar dock="true"> 
        <mx:Form styleName="plain"> 
            <mx:FormItem label="selectedValue:"> 
                <mx:Label text="{radioGroup.selectedValue}" /> 
            </mx:FormItem> 
        </mx:Form> 
    </mx:ApplicationControlBar> 
  
    <mx:HBox id="hb" horizontalGap="60"> 
        <mx:RadioButtonGroup id="radioGroup" /> 
        <mx:Repeater id="radioRepeater" 
                dataProvider="{arr}"> 
            <mx:RadioButton id="radioButtons" 
                    label="{radioRepeater.currentItem.label}" 
                    group="{radioGroup}" 
                    change="radioButton_change(event);" /> 
        </mx:Repeater> 
    </mx:HBox> 
  
</mx:Application>

 

代码二：

<?xml version="1.0" encoding="utf-8"?> 
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" 
        layout="vertical" 
        verticalAlign="middle" 
        backgroundColor="white"> 
  
    <mx:Script> 
        <![CDATA[ 
            import mx.controls.Alert; 
            import mx.controls.CheckBox; 
  
            private function button_click(evt:Event):void { 
                var selArr:Array = []; 
                var idx:int; 
                var len:int = arr.length; 
                for (idx=0; idx<len; idx++) { 
                    if (checkBox[idx].selected) { 
                        selArr.push(checkBox[idx].label); 
                    } 
                } 
  
                var title:String = selArr.length + " of " + len + " item(s) selected."; 
                var message:String = selArr.join("n"); 
                Alert.show(message, title); 
            } 
  
            private function doFilter(element:*, index:int, arr:Array):Boolean { 
                return element.selected; 
            } 
  
            private function checkBox_change(evt:Event):void { 
                var ch:CheckBox = evt.currentTarget as CheckBox; 
                Alert.show(ch.getRepeaterItem().data); 
            } 
        ]]> 
    </mx:Script> 
  
    <mx:Array id="arr"> 
        <mx:Object label="Red" data="red" /> 
        <mx:Object label="Orange" data="haloOrange" /> 
        <mx:Object label="Yellow" data="yellow" /> 
        <mx:Object label="Green" data="haloGreen" /> 
        <mx:Object label="Blue" data="haloBlue" /> 
    </mx:Array> 
  
    <mx:Panel id="panel" width="50%" paddingLeft="10" verticalGap="10"> 
        <mx:Repeater id="checkBoxRepeater" dataProvider="{arr}"> 
            <mx:CheckBox id="checkBox" 
                    label="{checkBoxRepeater.currentItem.label}" 
                    data="{checkBoxRepeater.currentItem.data}" 
                    change="checkBox_change(event);" /> 
        </mx:Repeater> 
        <mx:ControlBar horizontalAlign="right"> 
            <mx:Button id="button" 
                    label="Click me" 
                    emphasized="true" 
                    click="button_click(event);" /> 
        </mx:ControlBar> 
    </mx:Panel> 
  
</mx:Application>