DataGrid添加CheckBox（下拉列表）

 

DataGrid中如何添加下拉列表呢？如下是实现的代码：

DataGrid中的列

view plain copy to clipboard print ?

1. <mx:DataGridColumn headerText="状态"   dataField="status" editable="true" itemEditor="components.colorStatus" editorDataField="status" labelFunction="myStatusFunction" />  

<mx:DataGridColumn headerText="状态" dataField="status" editable="true" itemEditor="components.colorStatus" editorDataField="status" labelFunction="myStatusFunction" />

 

对应的本文件的方法，如果没有该方法对应的DataGrid中数值不会显示

view plain copy to clipboard print ?

1. //操作的回调函数  
2.             private function myStatusFunction(item:Object,coloum:DataGridColumn):String{  
3.                 if(item.status == 1){  
4.                     return "启用";  
5.                 }else{  
6.                     return "禁用";  
7.                 }  
8.             }  

//操作的回调函数 private function myStatusFunction(item:Object,coloum:DataGridColumn):String{ if(item.status == 1){ return "启用"; }else{ return "禁用"; } }

 

下拉列表中的值对应的下拉列表的集合，colorStatus.mxml

view plain copy to clipboard print ?

1. <s:DropDownList  dataProvider="{statusArr}"  id="cbx_zkg" width="100%" labelField="label"/>  
2.     <fx:Script>  
3.         <!--[CDATA[  
4.             import mx.collections.ArrayCollection;  
5.             import mx.controls.Alert;  
6.             import mx.controls.dataGridClasses.DataGridColumn;   
7.             public var statusArr:ArrayCollection = new ArrayCollection([{label:"启用", data:"1"},{label:"禁用", data:"0"}]);    
8.             private var col:DataGridColumn=null;  
9.               
10.             override public function set data(value:Object):void  
11.             {  
12.                 if(value != null)  
13.                 {  
14.                     col = (value as DataGridColumn);  
15.                     super.data = value;      
16.                 }        
17.                 var statuss:int = data.status;  
18.                 for(var i:int=0;i<statusArr.length;i++){  
19.                     if(statusArr[i].data==data.status.toString() ) {  
20.                         cbx_zkg.selectedIndex=i;  
21.                         break;  
22.                     }  
23.                       
24.                 }  
25.                   
26.             }     
27.             /* public   function cbx_change():void{  
28.             Alert.show(cbx_zkg.selectedItem.toString());  
29.             } */  
30.             public function get status() : int  
31.             {  
32.                 if(null!=cbx_zkg&&null!=cbx_zkg.selectedItem)  
33.                     return cbx_zkg.selectedItem.data;  
34.                 else  
35.                     return 0;   
36.                   
37.             }  
38.               
39.         ]]-->  
40.     </fx:Script>  

<s:DropDownList dataProvider="{statusArr}" id="cbx_zkg" width="100%" labelField="label"/> <fx:Script> <!--[CDATA[ import mx.collections.ArrayCollection; import mx.controls.Alert; import mx.controls.dataGridClasses.DataGridColumn; public var statusArr:ArrayCollection = new ArrayCollection([{label:"启用", data:"1"},{label:"禁用", data:"0"}]); private var col:DataGridColumn=null; override public function set data(value:Object):void { if(value != null) { col = (value as DataGridColumn); super.data = value; } var statuss:int = data.status; for(var i:int=0;i<statusArr.length;i++){ if(statusArr[i].data==data.status.toString() ) { cbx_zkg.selectedIndex=i; break; } } } /* public function cbx_change():void{ Alert.show(cbx_zkg.selectedItem.toString()); } */ public function get status() : int { if(null!=cbx_zkg&&null!=cbx_zkg.selectedItem) return cbx_zkg.selectedItem.data; else return 0; } ]]--> </fx:Script>

 

效果如下：

点击时候：

未点击的时候：