Flex中DataGrid实现列（包括头部）中加入CheckBox全选功能

CheckBoxHeaderRenderer.as
view plain
package   
{  
      
    import flash.events.Event;  
    import flash.events.MouseEvent;        
    import mx.collections.ArrayCollection;  
    import mx.controls.Alert;  
    import mx.controls.CheckBox;  
    import mx.controls.DataGrid;  
    import mx.events.DataGridEvent;  
  
    public class CheckBoxHeaderRenderer extends CheckBox  
    {  
        private var sele:String;  
        public function CheckBoxHeaderRenderer()  
        {  
            super();  
            this.addEventListener(Event.CHANGE, clickHandlers);  
        }  
  
        override public function set data(value:Object):void  
        {  
            DataGrid(listData.owner).addEventListener  
                                    (DataGridEvent.HEADER_RELEASE,sortEventHandler);  
            thisthis.selected=this.sele=="true"?true:false;  
        }  
      
        private function sortEventHandler(event:DataGridEvent):void  
        {  
            if (event.itemRenderer == this)  
                event.preventDefault();  
        }  
          
        protected function clickHandlers(event:Event):void  
        {  
            sele=(event.currentTarget.selected).toString();  
            var a:ArrayCollection=DataGrid(listData.owner).dataProvider as ArrayCollection;  
            for(var i:int=0;i<a.length;i++){  
  
                (DataGrid(listData.owner).dataProvider as ArrayCollection)  
                                   .getItemAt(i).selected=(event.currentTarget.selected).toString();  
            }  
            (DataGrid(listData.owner).dataProvider as ArrayCollection).refresh();  
        }  
      
    }  
}    






CheckBoxItemDataRenderer.as
view plain
package   
{  
    import flash.events.Event;    
    import mx.collections.ArrayCollection;  
    import mx.controls.CheckBox;  
    import mx.controls.DataGrid;  
  
    public class CheckBoxItemDataRenderer extends CheckBox  
    {  
        private var currentData:Object; //保存当前一行值的对ˇ  
        public function CheckBoxItemDataRenderer()  
        {  
            super();          
            this.addEventListener(Event.CHANGE, changeHandler);  
        }  
        override public function set data(value:Object):void  
        {  
            this.currentData= value;  
            this.selected = value.selected == "true"?true:false;  
        }  
          
        protected function changeHandler(event : Event) : void  
        {  
            currentData.selected = this.selected.toString();  
        }  
        /*override public function get data():Object{  
            return currentData;  
        }*/  
    }  
}




  
DataGrid_Checkbox.mxml
view plain
<?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"  
               xmlns:dataGrid="*"  
               minWidth="955" minHeight="600" creationComplete="getaa()">  
    <fx:Script>  
        <![CDATA[ 
            import mx.collections.ArrayCollection; 
            import mx.controls.Alert; 
            [Bindable] 
            private var data_myDataGrid:ArrayCollection=new ArrayCollection(); 
             
            private function headerClickHandler(event : Event) : void 
            { 
            /*   
                for each(var obj: Object in data_myDataGrid) 
                { 
                    obj.selected = String(event.currentTarget.selected); 
                } 
                data_myDataGrid.refresh(); */ 
            } 
            private function getaa():void{ 
                var obj:Object=new Object(); 
                obj.labe="1"; 
                obj.data="a"; 
                obj.selected="false"; 
                var obj2:Object=new Object(); 
                obj2.labe="2"; 
                obj2.data="b"; 
                obj2.selected="false"; 
                var obj3:Object=new Object(); 
                obj3.labe="3"; 
                obj3.data="c"; 
                obj3.selected="false"; 
                var obj4:Object=new Object(); 
                obj4.labe="4"; 
                obj4.data="a"; 
                obj4.selected="false"; 
                var obj5:Object=new Object(); 
                obj5.labe="5"; 
                obj5.data="b"; 
                obj5.selected="false"; 
                var obj6:Object=new Object(); 
                obj6.labe="6"; 
                obj6.data="c"; 
                obj6.selected="false"; 
                var obj7:Object=new Object(); 
                obj7.labe="7"; 
                obj7.data="a"; 
                obj7.selected="false"; 
                var obj8:Object=new Object(); 
                obj8.labe="8"; 
                obj8.data="b"; 
                obj8.selected="false"; 
                var obj9:Object=new Object(); 
                obj9.labe="9"; 
                obj9.data="c"; 
                obj9.selected="false"; 
                data_myDataGrid.addItem(obj); 
                data_myDataGrid.addItem(obj3); 
                data_myDataGrid.addItem(obj2); 
                data_myDataGrid.addItem(obj4); 
                data_myDataGrid.addItem(obj5); 
                data_myDataGrid.addItem(obj6); 
                data_myDataGrid.addItem(obj7); 
                data_myDataGrid.addItem(obj8); 
                data_myDataGrid.addItem(obj9); 
            } 
 
            protected function button1_clickHandler(event:MouseEvent):void 
            { 
                for(var i:int=0;i<data_myDataGrid.length;i++){ 
                    if(data_myDataGrid.getItemAt(i).selected=='true'){ 
                        Alert.show(data_myDataGrid.getItemAt(i).labe); 
                    } 
                } 
            } 
 
        ]]>  
    </fx:Script>  
      
    <mx:DataGrid dataProvider="{data_myDataGrid}" x="10" y="10">  
        <mx:columns>  
            <mx:DataGridColumn dataField="labe" headerText="Label" />  
            <mx:DataGridColumn dataField="data" headerText="Data" />  
            <mx:DataGridColumn  
                dataField="selected" headerText="Select"   
                itemRenderer="CheckBoxItemDataRenderer"   
                headerRenderer="CheckBoxHeaderRenderer"  />  
        </mx:columns>  
    </mx:DataGrid>  
     <mx:Button click="button1_clickHandler(event)"/>  
</s:Application>