Flex中使用repeater显示一组checkbox控件

xiaoxiao2026-04-16  4

 

 

 

此贴纯属转载

< ? xml version = "1.0" encoding = "utf-8" ? > < !-- http:/ / blog. flexexamples. com/ 2008/ 05/ 29/ displaying-checkbox-controls-using-the-repeater-in-flex/ --> < 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>

转载请注明原文地址: https://www.6miu.com/read-5047446.html

最新回复(0)