<?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"

               creationComplete="Init()">

    <fx:Script>

        <![CDATA[

            import mx.collections.ArrayCollection;

            import mx.controls.Alert;

            import mx.core.mx_internal;

            [Bindable]

            public var cloumnSelected:Boolean=false;//保存该列是否全选的属性（用户先点击全选后在手动的取消几行数据的选中状态时，这里的状态不会改变）

            [Bindable]

            public var headerSelected:Boolean=false;

            public var selectItems:Array = new Array();//用户保存用户选中的数据

            public function cleanSelectItems():void{

                selectItems= new Array();

            }

            [Bindable]

            public var dataArray:ArrayCollection = new ArrayCollection;

            private function Init():void{

                dataArray.addItem({dgSelected:false,name:'1.Christina Coenraets',phone:'555-219-2270',email:'ccoenraets@fictitious.com'});

                dataArray.addItem({dgSelected:false,name:'2.Joanne Wall',phone:'555-219-2012',email:'jwall@fictitious.com'});

                dataArray.addItem({dgSelected:false,name:'3.Maurice Smith',phone:'555-219-2012',email:'maurice@fictitious.com'});

                dataArray.addItem({dgSelected:false,name:'4.Mary Jones',phone:'555-219-2000',email:'mjones@fictitious.com'});

                dataArray.addItem({dgSelected:false,name:'5.God Win',phone:'555-219-2005',email:'godwin@fictitious.com'});

                dataArray.addItem({dgSelected:false,name:'6.Christina Coenraets-2',phone:'555-219-2270',email:'ccoenraets@fictitious.com'});

                dataArray.addItem({dgSelected:false,name:'7.Joanne Wall-2',phone:'555-219-2012',email:'jwall@fictitious.com'});

                dataArray.addItem({dgSelected:false,name:'8.Maurice Smith-2',phone:'555-219-2012',email:'maurice@fictitious.com'});

                dataArray.addItem({dgSelected:false,name:'9.Mary Jones-2',phone:'555-219-2000',email:'mjones@fictitious.com'});

                dataArray.addItem({dgSelected:false,name:'10.God Win-2',phone:'555-219-2005',email:'godwin@fictitious.com'});

                var str:String = "";

                str = "as";

                str = str + "aws";

            }

            protected function btn_clickHandler(event:MouseEvent):void

            {

                // TODO Auto-generated method stub

                var items:Array = new Array();

                var name2:String = "";

                for(var i:int = 0; i<this.selectItems.length; i++){

//                    if(this.cloumnSelected){

//                        items = this.selectItems;

//                        var obj:Object = items[i];

//                        name = name + obj.name + " | ";

//                    }else{

//

//                    }

//                    Alert.show(name,"name");

                    var obj2:Object = this.selectItems[i];

                    name2 = name2 + obj2.name + " | ";

                }

                Alert.show(name2,"name2");

                trace(name2);

            }

        ]]>

    </fx:Script>

    <s:DataGrid id="dgUser" x="116" y="99" width="1016" height="328" dataProvider="{dataArray}">

        <s:columns>

            <s:ArrayList>

                <s:GridColumn width="60" dataField="dgSelected" resizable="false" sortable="false">

                    <s:itemRenderer>

                        <fx:Component>

                            <s:GridItemRenderer>

                                <fx:Script>

                                    <![CDATA[

                                        import mx.collections.ArrayCollection;

                                        import mx.controls.Alert;

                                        import spark.components.DataGrid;

                                        import spark.components.gridClasses.GridColumn;

                                        private var currentData:Object; //保存当前一行值的对象

                                        protected function checkbox1_changeHandler(event:Event):void

                                        {

                                            // TODO Auto-generated method stub

                                            //Alert.show(rowIndex+"");

                                            var dg:DataGrid=this.automationOwner as DataGrid;//获取DataGrid对象

                                            var dgDataArr:ArrayCollection = dg.dataProvider as ArrayCollection;

                                            var selectItems:Array=this.parentApplication.selectItems;

                                            currentData=data;

                                            currentData.dgSelected=cbx.selected; //根据是否选中的状态，更改数据源中选中的标记

                                            var bool:Boolean=true;

                                            if (cbx.selected)

                                            {

                                                selectItems.push(currentData);

                                                this.parentApplication.selectItems = selectItems;

                                                abc:for(var j:int=0;j<dgDataArr.length;j++){

                                                    var obj:Object=dgDataArr[j];

                                                    var dgSelected:Boolean=obj.dgSelected;

                                                    if (dgSelected == false)

                                                    {

                                                        bool=false;

                                                        break abc;

                                                    }

                                                }

                                                if (bool == true)

                                                {

                                                    this.parentApplication.headerSelected=true;

                                                    this.parentApplication.cloumnSelected = true;

                                                }

                                            }else{

                                                for (var i:int=0; i < selectItems.length; i++)

                                                {

                                                    if (selectItems[i] == currentData)

                                                    {

                                                        selectItems.splice(i, 1)//当前行checkbox为false时，从selectItems删除当前行

                                                    }

                                                }

                                                if(selectItems.length==0){

                                                    this.parentApplication.cloumnSelected = false;

                                                }

                                                this.parentApplication.headerSelected=false;

                                            }

                                        }

                                    ]]>

                                </fx:Script>

                                <s:HGroup>

                                    <s:Label width="10"/>

                                    <s:CheckBox id="cbx" change="checkbox1_changeHandler(event)"

                                                selected="{this.parentApplication.cloumnSelected}"/>

                                    <s:Label width="10"/>

                                </s:HGroup>

                            </s:GridItemRenderer>

                        </fx:Component>

                    </s:itemRenderer>

                    <s:headerRenderer>

                        <fx:Component>

                            <s:GridItemRenderer>

                                <fx:Script>

                                    <![CDATA[

                                        import mx.collections.ArrayCollection;

                                        import mx.controls.Alert;

                                        import spark.components.DataGrid;

                                        import spark.components.gridClasses.GridColumn;

                                        protected function selectAll_clickHandler(event:MouseEvent):void

                                        {

                                            var dg:DataGrid=this.automationOwner as DataGrid;//获取DataGrid对象

                                            var dgDataArr:ArrayCollection = dg.dataProvider as ArrayCollection;

                                            //更改列的全选状态

                                            // if(this.parentApplication.cloumnSelected){

                                            // this.parentApplication.cloumnSelected = false;

                                            // }else{

                                            // this.parentApplication.cloumnSelected = true;

                                            // }

                                            if(selectAll.selected){

                                                this.parentApplication.headerSelected=false;

                                                this.parentApplication.cloumnSelected = false;

                                                this.parentApplication.headerSelected=true;

                                                this.parentApplication.cloumnSelected = true;

                                            }else {

                                                this.parentApplication.headerSelected=true;

                                                this.parentApplication.cloumnSelected = true;

                                                this.parentApplication.headerSelected=false;

                                                this.parentApplication.cloumnSelected = false;

                                            }

                                            parentApplication.selectItems = new Array();//重新初始化用于保存选中列的对象

                                            if(this.parentApplication.cloumnSelected){//如果为全部选中的化就将数据源赋值给column.selectItems，不是就不管他，上一步已经初始化为空

                                                parentApplication.selectItems = (dg.dataProvider as ArrayCollection).toArray();

                                            }

                                            if(dgDataArr.length>0){

                                                if(dgDataArr[0]!=""){

                                                    for(var i:int = 0; i < dgDataArr.length ; i++){

//                                                        Object(dgDataArr).dgSelected = this.parentApplication.cloumnSelected;//更改没一行的选中状态

                                                        Object(dgDataArr[i]).dgSelected = this.parentApplication.cloumnSelected;//更改没一行的选中状态

                                                    }

                                                }

                                            }

                                            dgDataArr.refresh();//刷新数据源，达到强制更新页面显示效果的功能，防止在使用时没有在VO类中使用绑定而出现点击全选页面没有更改状态的错误

                                            //Alert.show(this.parentApplication.DataGrid3.dataProvider.length);

                                        }

                                    ]]>

                                </fx:Script>

                                <s:HGroup>

                                    <s:Label paddingTop="5" text=" 全选 "/>

                                    <s:CheckBox id="selectAll" click="selectAll_clickHandler(event)"

                                                selected="{this.parentApplication.headerSelected}"/>

                                    <s:Label width="10"/>

                                </s:HGroup>

                            </s:GridItemRenderer>

                        </fx:Component>

                    </s:headerRenderer>

                </s:GridColumn>

                <s:GridColumn dataField="name" headerText="姓名"/>

                <s:GridColumn dataField="phone" headerText="电话"/>

                <s:GridColumn dataField="email" headerText="邮件"/>

            </s:ArrayList>

        </s:columns>

    </s:DataGrid>

    <s:Button x="116" y="50" id="btn" label="button" click="btn_clickHandler(event)"/>

</s:Application>