Flex利用Datagrid来设置全选和单选

1，效果预览图：

2，设置一个状态位，用于checkbox的选择的，从后台获取的对象集合ArrayCollection。假如其对象为Expert，有属性mainid，tname，major，depart！有两个方法设置状态位。

2.1 在后台给expert对象增加一个属性，譬如selected，类型为boolean，这样前台设置checkbox的列就可以用这个字段了

2.2 在前台处理

?protected function getallApp_result(event:ResultEvent):void
???{
????// TODO Auto-generated method stub
????allapplist = event.result as ArrayCollection;
????//初始化全部未选择
????for(var i:int=0;i<allapplist.length;i++)
????{
?????allapplist.getItemAt(i).selected=false;
????}
????
???}

这里就是在前台中加一个字段来设置

3，设置一个全局变量，来用于对标题栏上的checkbox做为状态位处理。

[Bindable]
???public var allSelectCheck:Boolean=false;
4，具体实现如下：

<mx:DataGrid id="appdg" styleName="DataGrid" width="766" height="90%" ???????? dataProvider="{allapplist}" ???????? horizontalScrollPolicy="on" headerStyleName="myHeaderStyles" color="#393939" x="74"> ??????<mx:columns> ???????<mx:DataGridColumn headerText="选择"? width="40" sortable="false"> ????????<mx:headerRenderer> ?????????<fx:Component> ??????????<mx:VBox horizontalAlign="center"> ???????????<mx:CheckBox selected="{outerDocument.allSelectCheck}" ?????????????? click="outerDocument.selectAll(this)" /> ??????????</mx:VBox> ?????????</fx:Component> ????????</mx:headerRenderer> ???????? ????????<mx:itemRenderer> ?????????<fx:Component> ??????????<mx:HBox horizontalAlign="center"> ???????????<mx:CheckBox selected="{data.selected}" ?????????????? click="data.selected =!data.selected"/> ??????????</mx:HBox> ?????????</fx:Component> ????????</mx:itemRenderer> ???????</mx:DataGridColumn> ???????<mx:DataGridColumn headerText="项目编号" dataField="appid" width="150"/> ???????<mx:DataGridColumn headerText="项目名称" dataField="appname" width="200"/> ???????<mx:DataGridColumn headerText="申请人" dataField="apppeople" width="80"/> ???????<mx:DataGridColumn headerText="申请类别" dataField="apptype" width="150"/> ??????</mx:columns>???? ?????</mx:DataGrid>