主程序:Test_DataGridEditDemo
<?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;
[Bindable]
private var dgArrayCollection:ArrayCollection=new ArrayCollection([{Artist:'Carole King', Album:'Tapestry', Price:11.99,selected:"bar", extras:["bar", "foo","baz"]},
{Artist:'Paul Simon', Album:'Graceland', Price:10.99,selected:"bar", extras:["bar", "foo","baz"]},
{Artist:'Original Cast', Album:'Camelot', Price:12.99,selected:"bar", extras:["bar", "foo","baz"]},
{Artist:'The Beatles', Album:'The White Album', Price:11.99,selected:"bar", extras:["bar", "foo","baz"]},
{Artist:'Carole King', Album:'Tapestry', Price:11.99,selected:"bar", extras:["bar", "foo","baz"]}]);
private var dgArray:Object={name:"Todd Anderson", age:31, appearance:"Intimidating", extras:["bar", "foo","baz"], selected:"bar"};
]]>
</mx:Script>
<mx:DataGrid x="118" y="136" dataProvider="{dgArrayCollection}">
<mx:columns>
<mx:DataGridColumn dataField="Artist"/>
<mx:DataGridColumn dataField="Album" rendererIsEditor="true"/>
<mx:DataGridColumn itemRenderer="DataGridEditDemoRender" editable="true" rendererIsEditor="true"/>
</mx:columns>
</mx:DataGrid>
</mx:Application>
外部渲染器:DataGridEditDemoRender
<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml" width="400" height="100" doubleClickEnabled="true" currentState="display" implements="mx.controls.listClasses.IDropInListItemRenderer">
<mx:Script>
<![CDATA[
import mx.events.DataGridEvent;
import mx.events.ListEvent;
import mx.controls.listClasses.BaseListData;
// Internal variable for the property value.
private var _listData:BaseListData;
private var _data:Object = {};
override public function set data(value:Object):void{
_data = value;
if(_data.selected != null) {
addEventListener(MouseEvent.DOUBLE_CLICK,startEdit);
}
}
override public function get data():Object{
return _data;
}
private function startEdit(event:Event):void{
if(currentState== "display"){
currentState ="edit";
addEventListener(FocusEvent.FOCUS_OUT,endEdit);
}
}
private function endEdit(event:Event):void{
currentState ="display";
}
//使listData属性绑定
[Bindable("dataChange")]
public function get listData():BaseListData{
return _listData;
}
//定义的setter方法
public function set listData(value:BaseListData):void{
_listData = value;
}
private function setNewData():void{
_data.selected=selectCB.selectedItem;
dispatchEvent(new DataGridEvent(DataGridEvent.ITEM_EDIT_END,true,true,_listData.columnIndex,'selected',_listData.rowIndex));
}
]]>
</mx:Script>
<mx:states>
<mx:State name="edit">
<mx:AddChild>
<mx:ComboBox id="selectCB" addedToStage="selectCB.dataProvider =_data.extras; selectCB.selectedItem = _data.selected" change="setNewData()"/>
</mx:AddChild>
</mx:State>
<mx:State name="display">
<mx:AddChild>
<mx:Text id="text" addedToStage="text.text = _data.selected"/>
</mx:AddChild>
</mx:State>
</mx:states>
</mx:Canvas>
这中写法有些郁闷 但实现效果不错,进一步学习中...