DataGrid的高级用法

<?xml version="1.0" encoding="utf-8"?><mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"><mx:Script><!--[CDATA[public function labelFun (item:Object, column:DataGridColumn):String { column.editable=true; if(item.hasOwnProperty("source")) return item.source +"分"; else return item.source =null; }]]--></mx:Script><mx:ArrayCollection id="arrColl"><mx:source> <mx:Array> <mx:Object label="苹果" source ="1"/> <mx:Object label="橘子" source ="0"/> <mx:Object label="李子" source ="4"/> <mx:Object label="香蕉" source ="6"/> <mx:Object label="芒果" source ="3"/> <mx:Object label="火龙果" source ="2"/> <mx:Object label="西瓜" source ="2"/> <mx:Object label="桃子" source ="6"/> <mx:Object label="葡萄" source ="4"/> <mx:Object label="红果" source ="3"/> <mx:Object label="草莓" source ="5"/> </mx:Array></mx:source></mx:ArrayCollection><mx:DataGrid x="210" y="38" width="446" height="349" dataProvider="{arrColl}" editable="true" rowCount="12"><mx:columns><mx:DataGridColumn headerText="水果" dataField="label" editable="false"/><mx:DataGridColumn headerText="个数" dataField="source" editable="false" editorDataField="value" itemEditor="mx.controls.NumericStepper" labelFunction="labelFun"/></mx:columns></mx:DataGrid></mx:Application>

 

效果图：