flex DataGrid 标题上放 CheckBox 实现全选

利用headerRenderer加入checkbox然后这个checkbox调用外部方法实现全选.

附送代码片段,如有不懂可以追问.

<mx:DataGridColumn headerText=" " width="20">

<mx:headerRenderer>

<mx:Component>

<mx:VBox horizontalAlign="center">

<mx:CheckBox id="chball" selected="{outerDocument.ISsel}" change="outerDocument.selectAll(this)" creationComplete="outerDocument.setObjChb(this)"/>

</mx:VBox>

</mx:Component>

</mx:headerRenderer>

<mx:itemRenderer>

<mx:Component>

<mx:VBox width="100%" horizontalAlign="center">

<mx:CheckBox id="cbox" selected="{int(data.chk)}" selectedField="{int(data.chk)}" click="outerDocument.checkClick(this)"/>

</mx:VBox>

</mx:Component>

</mx:itemRenderer>

</mx:DataGridColumn>

//调用的外部方法

public function selectAll(obj:Object):void

{

ISsel=!ISsel;

if (dataArray.length > 0)

{

if (obj.chball.selected == true)

{

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

{

dataArray[i].chk=1;

}

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

if(dataArray[i].chk == 1){

//绑定被选中的数据

arr.addItem(dataArray[i]);

}

}

aa.text = "已选择"+dataArray.length+"名";

}else{

for (var j:int=0; j < dataArray.length; j++)

{

dataArray[j].chk=0;

}

aa.text = "已选择"+0+"名";

arr.removeAll();

}

dataArray.refresh();

}

}

public function setObjChb(obj:Object):void

{

this.objChb=obj;

}