FLEX中运用AS动态创建DataGrid

FLEX中使用AS动态创建DataGrid

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
?<mx:Script>
??<![CDATA[
???import mx.collections.ArrayCollection;
???import mx.controls.DataGrid;
???import mx.events.ListEvent;
???import mx.controls.Alert;
???[Bindable]
???private var dgDataArr:Array = [{name: "Jon", job: "officer"},
?????????? {name: "James", job: "seller"},
?????????? {name: "Jodon", job: "manager"}];

???private function itemClickHandler(e:ListEvent):void
???{
????Alert.show(e.target.toString());
???}

??]]>
?</mx:Script>
?<mx:Component id="comboboxEditor">
??<mx:ComboBox dataProvider="{dt}" editable="true">
???<mx:Script>
????<![CDATA[
?????private var dt:Array = ["officer", "seller", "manager"];
????]]>
???</mx:Script>
??</mx:ComboBox>
??? </mx:Component>
?<mx:DataGrid width="100%" x="10" y="20" fontSize="14" dataProvider="{dgDataArr}" editable="true" itemClick="itemClickHandler(event)">
??<mx:columns>
???<mx:DataGridColumn dataField="name" editable="false" />
???<mx:DataGridColumn dataField="job" itemEditor="{comboboxEditor}">
???</mx:DataGridColumn>
??</mx:columns>
?</mx:DataGrid>
</mx:Application>
代码实现的是创建一个DataGrid，其中job栏可以编辑，并且编辑器是自定义的一个ComboBox。<!--StartFragment -->

<!--StartFragment -->?

现在看怎么用AS代替MXML创建同样的DataGrid。

?