Datagrid에 NumericStepper를 넣는 방법

데이터그리드에 개체를 삽입하는 방법을  찾던중 예제를 찾아서
올려본다.
파워빌더의 기능을 콤포넌트를 이용해서 아래와 같이 사용한다면
가능할것  같다 .
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" height="226" width="268">
   
    <mx:Script>
        <![CDATA[
               
            [Bindable]
            public var myDP:Array =                 [
                {label1:"Order #2314", quant:3, Sent:true},
                {label1:"Order #2315", quant:3, Sent:false}    
            ]               
        ]]>
    </mx:Script>

    <mx:DataGrid id="myDG" dataProvider="{myDP}" variableRowHeight="true"             editable="true">
        <mx:columns>
                <mx:DataGridColumn dataField="label1" headerText="Order #"/>
                <mx:DataGridColumn dataField="quant"   itemEditor="mx.controls.NumericStepper"                     editorDataField="value"/>
        </mx:columns>
    </mx:DataGrid>
</mx:Application>
위는 소스이며
예제는 아래와 같다