Flex DataGrid 教程,全选\删除选中项
<p><span style="color: rgb(51, 51, 51);">这个demo是对上一个DataGrid demo的修改，目的是为了实现控制checkBox itemrender全选所有项，然后删除所有项。</span></p><p><span style="color: rgb(51, 51, 51);">在 上一个版本中，我在ICheckBox.as的set data function中根据当前value选中checkbox并且将选中的value push到selectedItems array中，这里有一个问题是grid不会初始化被scrollbar 隐藏的项 (谢谢lianyedie找到问题)，所以会导致一个问题，没有显示部分的选中的item没有被正确加入到selectedItems array中。这个版本中我主要简化了iCheckBox.as, 不在setvlaue中设置选中项（同时也防止了重复插入选中项的问题）。</span></p><div style="page-break-after: always;"><span style="display: none;"><!--more-->& nbsp ;</span></div><p>
<span style="color: rgb(51, 51, 51);">Demo内容：</span></p><p>
<span style="color: rgb(51, 51, 51);">1. 点击check box选中item，或点击全选，选中所有项。
2. 点击删除选中项，选中项的 status将变成 Deleted.</span></p><p><span style="color: rgb(51, 51, 51);">iCheckBox.as</span></p><p><span style="color: rgb(51, 51, 51);">package
{
import flash.events.Event;</span></p><p><span style="color: rgb(51, 51, 51);">import mx.controls.CheckBox;
import mx.core.Application;</span></p><p><span style="color: rgb(51, 51, 51);">public class iCheckBox extends CheckBox
{
private var currentData:Object; //保存当前一行值的对象</span></p><p><span style="color: rgb(51, 51, 51);">public function iCheckBox()
{
super();
this.addEventListener(Event.CHANGE,changeHandle)
}</span></p><p><span style="color: rgb(51, 51, 51);">override public function set data(value:Object):void{
this.selected = value.action.toString() == "true"?true:false;
this.currentData = value; //保存整行的引用
}
//点击check box时，根据状况向selectedItems array中添加当前行的引用，或者从array中移除
private function changeHandle(e:Event):void{
var itemArray:Array = Application.application.selectedItems
this.currentData.action = this.selected.toString()
if(this.selected){
itemArray.push(this.currentData)
}else{
for(var i:int = 0; i<itemArray.length; i++){
if(itemArray == this.currentData){
itemArray.splice(i,1)
}
}
}
}</span></p><p><span style="color: rgb(51, 51, 51);">}
}</span></p><p><span style="color: rgb(51, 51, 51);">GridDemo.mxml</span></p><p><span style="color: rgb(51, 51, 51);">//从dataProvider中将选中的项放入 selectedItems array
private function initSelectedItems():void{
for(var i:int=0; i <idata.length; i++){
if(idata.action.toString() == "true"){
this.selectedItems.push(idata)
}
}
}</span></p><p>
</p>>
</p><div style="page-break-after: always;"><span style="display: none;"><!--more-->& nbsp ;</span></div><p style="margin: 20px auto 0px; padding: 0px; font-size: 14px; widows: 2; background-color: rgb(255, 255, 255); text-indent: 30px; line-height: 25px; font-family: serif; orphans: 2;"> 通过“QQ登录”，用户能使用QQ帐号一键登录接入网站，大大降低了用户注册、登录的门槛，借助庞大的QQ用户群，给第三方网站带来更多新用户。已登录用户还可以将在第三方网站发布、分享的信息即时同步到QQ空间，使网站内容通过好友关系得到进一步的传播，从而提升网站的访问量和用户数。</p><p align="center" style="margin: 20px auto 0px; padding: 0px; font-size: 14px; widows: 2; background-color: rgb(255, 255, 255); text-indent: 30px; line-height: 25px; font-family: serif; orphans: 2;">
</p><p style="margin: 20px auto 0px; padding: 0px; font-size: 14px; widows: 2; background-color: rgb(255, 255, 255); text-indent: 30px; line-height: 25px; font-family: serif; orphans: 2;"> QQ登录功能完全开放，将为更多用户带来实实在在的方便，也成为助力各类网站成长的强大动力。欢迎更多的第三方网站前来申请！</p><p style="margin: 20px auto 0px; padding: 0px; font-size: 14px; widows: 2; background-color: rgb(255, 255, 255); text-indent: 30px; line-height: 25px; font-family: serif; orphans: 2;"> 腾讯社区开放平台：