DataGrid中的itemEditor和itemRenderer.

<?xml version="1.0"?>
<mx:Application initialize="init()" 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.controls.dataGridClasses.*;
        private var DataGrid1:DataGrid
        [Bindable]
        public var dataArr:Array = [{id:1,name:"苹果",price:100,count:100},
        {id:2,name:"西瓜",price:50,count:200},
        {id:3,name:"水蜜桃",price:333,count:50}]
        private var aaa:Object
        private function init():void{
        DataGrid1 = new DataGrid()
        DataGrid1.editable = true
        DataGrid1.x = 10
        DataGrid1.y = 10
        addChild(DataGrid1)
        crColumn()
        addItem()
        }
        private function crColumn():void{
        var col:DataGridColumn
        
        col = new DataGridColumn()
        col.headerText = "序号"
        col.dataField = "id"
        col.editable = false
        DataGrid1.columns = DataGrid1.columns.concat(col)
        
        col = new DataGridColumn()
        col.headerText = "名称"
        col.dataField = "name"
        DataGrid1.columns = DataGrid1.columns.concat(col)
        
        
        col = new DataGridColumn()
        col.headerText = "价格"
        col.dataField = "price"
        col.editable = false
        var itemRenderer:ClassFactory = new ClassFactory(NumericStepper);
        itemRenderer.properties = {maximum:1000,minimum:10}
        col.itemRenderer = itemRenderer
        col.editorDataField = "value"
        DataGrid1.columns = DataGrid1.columns.concat(col)        
        
        
        col = new DataGridColumn()
        col.headerText = "数量"
        col.dataField = "count"
        var itemEditor:ClassFactory = new ClassFactory(NumericStepper);
        itemEditor.properties = {maximum:1000,minimum:10}
        col.itemEditor = itemEditor
        col.editorDataField = "value"
        DataGrid1.columns = DataGrid1.columns.concat(col)
        }
        private function addItem():void{
        DataGrid1.dataProvider = dataArr
        }
        ]]>
    </mx:Script>
    
    <mx:DataGrid id="DataGrid2" editable="true" dataProvider="{dataArr}" 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" editorDataField="value">
                <mx:itemEditor>
                    <mx:Component>
                        <mx:NumericStepper maximum="1000" minimum="10">
                        </mx:NumericStepper>
                    </mx:Component>
                </mx:itemEditor>
            </mx:DataGridColumn>
        </mx:columns>
    </mx:DataGrid>
</mx:Application>