DataGrid里嵌入checkBox等控件等操作

1. 摘抄自http://www.iteye.com/topic/245624
4. <?xml version="1.0" encoding="utf-8"?>   
5. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"  
6.      layout="vertical" backgroundColor="black">   
7.     <mx:Style>   
8.         global{   
9.             font-size:12;      
10.         }   
11.     </mx:Style>   
12.     <mx:Script>   
13.         <![CDATA[   
14.             import com.myevent.UserEvent;   
15.             import mx.managers.PopUpManager;   
16.             import com.component.EditWindow;   
17.             import com.component.User;   
18.             import mx.controls.Alert;   
19.             import mx.collections.ArrayCollection;   
20.             [Bindable]   
21.             private var ac:ArrayCollection=new ArrayCollection([{id:0,name:'张三',selected:true},{id:1,name:'李四',selected:false},{id:2,name:'王五',selected:false}]);   
22.                
23.             private function deleteHanlder():void{   
24.                    
25.                 for(var i:int=0;i<ac.length;i++){   
26.                     if(i<0) break;   
27.                     if(ac.getItemAt(i).selected){   
28.                         ac.removeItemAt(i);   
29.                         ac.refresh();   
30.                         i--;   
31.                     }   
32.                 }   
33.             }   
34.                
35.             public function clickHanlder(obj:Object):void{   
36.                 if(obj.chxBox.selected){   
37.                     ac.getItemAt(userDg.selectedIndex).selected=true;   
38.                 }else{   
39.                     ac.getItemAt(userDg.selectedIndex).selected=false;   
40.                 }   
41.             }   
42.                
43.             public function editHanlder():void{   
44.                     var ew:EditWindow=new EditWindow();   
45.                     var user:User=new User();   
46.                     user.initUser(userDg.selectedItem.id,userDg.selectedItem.name);   
47.                     ew.user=user;   
48.                     ew.addEventListener(UserEvent.USEREDITE,userEditHandler);   
49.                     PopUpManager.addPopUp(ew,this,true);   
50.                     PopUpManager.centerPopUp(ew);   
51.             }   
52.                
53.             public function userEditHandler(e:UserEvent):void{   
54.                 ac.getItemAt(userDg.selectedIndex).id=e.user.id;   
55.                 ac.getItemAt(userDg.selectedIndex).name=e.user.name;   
56.                 ac.refresh();   
57.             }   
58.         ]]>   
59.     </mx:Script>   
60.     <mx:DataGrid id="userDg" dataProvider="{ac}">   
61.         <mx:columns>   
62.             <mx:DataGridColumn  dataField="id" headerText="操作">   
63.                 <mx:itemRenderer>   
64.                     <mx:Component>   
65.                     <mx:HBox>   
66.                         <mx:CheckBox id="chxBox" selected="{data.selected}" click="outerDocument.clickHanlder(this);"/>   
67.                     </mx:HBox>   
68.                     </mx:Component>   
69.                 </mx:itemRenderer>   
70.             </mx:DataGridColumn>   
71.             <mx:DataGridColumn  dataField="id" headerText="编号"/>   
72.             <mx:DataGridColumn  dataField="name" headerText="姓名"/>   
73.             <mx:DataGridColumn headerText="修改">   
74.                 <mx:itemRenderer>   
75.                     <mx:Component>   
76.                         <mx:HBox>   
77.                             <mx:Button label="编辑" click="outerDocument.editHanlder();"/>   
78.                         </mx:HBox>   
79.                     </mx:Component>   
80.                 </mx:itemRenderer>   
81.             </mx:DataGridColumn>   
82.         </mx:columns>   
83.     </mx:DataGrid>   
84.     <mx:Button label="删除" click="deleteHanlder();" enabled="{ac.length>0}"/>   
85. </mx:Application>