Flex中如何将NumericStepper控件作为DataGrid控件的一个编辑项目的例子

<?xml version="1.0" encoding="utf-8"?> 
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" 
        layout="vertical" 
        verticalAlign="middle" 
        backgroundColor="white"> 
  
    <mx:ArrayCollection id="arrColl"> 
        <mx:source> 
            <mx:Array> 
                <mx:Object label="Student A" score="8" /> 
                <mx:Object label="Student B" score="4" /> 
                <mx:Object label="Student C" score="7" /> 
                <mx:Object label="Student D" score="8" /> 
                <mx:Object label="Student E" score="2" /> 
                <mx:Object label="Student F" score="6" /> 
                <mx:Object label="Student G" score="7" /> 
                <mx:Object label="Student H" score="7" /> 
                <mx:Object label="Student I" score="9" /> 
                <mx:Object label="Student J" score="8" /> 
                <mx:Object label="Student K" score="4" /> 
                <mx:Object label="Student L" score="7" /> 
            </mx:Array> 
        </mx:source> 
    </mx:ArrayCollection> 
  
    <mx:DataGrid id="dataGrid" 
            dataProvider="{arrColl}" 
            editable="true" 
            rowCount="8"> 
        <mx:columns> 
            <mx:DataGridColumn dataField="label" 
                    editable="false" /> 
            <mx:DataGridColumn dataField="score" 
                    editable="true" 
                    itemEditor="mx.controls.NumericStepper" 
                    editorDataField="value" /> 
        </mx:columns> 
    </mx:DataGrid> 
  
</mx:Application>