flex的DataGrid中使用ComboBox来实现

<?xml version= "1.0 " encoding= "utf-8 "?>
<mx:Application xmlns:mx= "http://www.adobe.com/2006/mxml " layout= "absolute " fontFamily= "宋体 " fontSize= "12 " width= "424 " height= "396 ">
<mx:Script>
<![CDATA[
import mx.controls.*;
import mx.core.Application;
import mx.controls.dataGridClasses.*;
private var DataGrid1:DataGrid
[Bindable]
public var dataArr2:Array = [{id:1,name: "铅笔 ",price:100,count: "第2次 "},
{id:2,name: "毛笔 ",price:50,count: "第2次 "},
{id:3,name: "钢笔",price:333,count: "第3次 "}]
[Bindable]
public var dataArr:Array = new Array({label: "第1次 ", data: "1 "},{label: "第2次 ", data: "2 "},
{label: "第3次 ", data: "3 "}, {label: "第4次 ", data: "4 "});
[Bindable]
public var s:int = 2;
]]>
</mx:Script>
<mx:Component id= "myComponent ">
<mx:ComboBox x= "179 " y= "1 " width= "67 " dataProvider[color=#FF0000]= "{Application.application.dataArr} " [/color]selectedIndex= "{Application.application.s} ">
<mx:Script>
<![CDATA[
import mx.core.Application;
]]>
</mx:Script>
</mx:ComboBox>
</mx:Component>
<mx:DataGrid id= "DataGrid2 " editable= "true " dataProvider[color=#FF0000]= "{Application.application.dataArr2} "[/color] y= "200 " x= "10 ">
<mx:columns>
<mx:DataGridColumn headerText= "序号 " dataField= "id " editable= "false "/>
<mx:DataGridColumn headerText= "名称 " dataField= "name "/>
<mx:DataGridColumn headerText= "价格 " dataField= "price " editorDataField= "value " editable= "false ">
<mx:itemRenderer>
<mx:Component>
<mx:NumericStepper maximum= "1000 " minimum= "10 ">
</mx:NumericStepper>
</mx:Component>
</mx:itemRenderer>
</mx:DataGridColumn>
<mx:DataGridColumn headerText= "数量 " dataField= "count " editable= "true " editorDataField= "text " itemEditor= "{myComponent} "/>
</mx:columns>
</mx:DataGrid>
</mx:Application>