《DataGrid和AdvancedDataGridCheckBox全选功能》由会员分享，可在线阅读，更多相关《DataGrid和AdvancedDataGridCheckBox全选功能（4页珍藏版）》请在装配图网上搜索。
1、DataGrid和AdvancedDataGrid CheckBox全选功能
先看看效果图
思路如下：
1.设置headRenderer ---> CheckBoxHeaderRenderer.mxml
2.设置itemRenderer----->CheckBoxItemRenderer.mxml
3.设置全选类的工具类---->ColumnUtil.as
4.CheckBoxHeaderRenderer上的checkbox点击事件和CheckBoxItemRenderer上的checkbox点击事件。
ColumnClickEvent.a
2、s
目标：
1.方法对DataGrid和AdvancedDataGrid通用。
2.点击每行的checkbox时判断列头上的checkbox是否选中。
3.点击分页后能设置列头上的checkbox选中状态。
5.dataField不能写死。网上很多例子都是写死的。
6.代码调用简单。
使用方法：
1.导入checkboxcolumn.swc文件。
2.在表格中加入一列
Xml代码
1.
3、ld="isSel" />
注意：id和dataField属性必须写。
3.在表格的creationComplete方法中添加以下代码
Xml代码
1. ColumnUtil.getInstance().addCheckBox(col,userDg);
ColumnUtil.getInstance().addCheckBox(col,userDg);
第一个参数是全选列对象。
第二个参数是表格对象。
4.表格查询成功后，对数据源进行修改。
Js代码
1. for(var index:int=0;index
4、gth;index++){
2. var item:Object=userDb.getItemAt(index);
3. item.isSel=false;
4. }
for(var index:int=0;index
5、为未选中。
Java代码
1. ColumnUtil.getInstance().setHeadState(userDg);
ColumnUtil.getInstance().setHeadState(userDg);
setHeadState方法第一个参数是表格对象。
第二个参数是列头状态的值，默认为false。
附件的table是一个简单的例子，里面含有checkboxcolumn.swc文件。
简单的调用代码如下：
Js代码
1.
2.
6、tion xmlns:mx=" width="100%" height="100%" >
3.
4.
5.
6.
7、olumn 2" dataField="col2"/>
7.
8.
9.
10.
11.
8、mx.collections.ArrayCollection;
14. [Bindable]
15. public var ac:ArrayCollection=new ArrayCollection([
16. {isSel:false,col2:"asdas",col3:"cfd"},
17. {isSel:false,col2:"ed",col3:"fcd"},
18. {isSel:false,col2:"cds",col3:"
9、2"},
19. {isSel:false,col2:"cdx",col3:"vv"},
20. ]);
21.
22. private function init():void{
23. ColumnUtil.getInstance().addCheckBox(col,dg);
24. }
25. ]]>
26.
27.
10、
11、idColumn headerText="Column 2" dataField="col2"/>
12、c:ArrayCollection=new ArrayCollection([
{isSel:false,col2:"asdas",col3:"cfd"},
{isSel:false,col2:"ed",col3:"fcd"},
{isSel:false,col2:"cds",col3:"2"},
{isSel:false,col2:"cdx",col3:"vv"},
]);
private function init():void{
ColumnUtil.getInstance().addCheckBox(col,dg);
}
]]>
DataGrid和AdvancedDataGridCheckBox全选功能
