当双击DataGrid的一项时，弹出窗口进行内容编辑.

本文转载自：http://www.cnblogs.com/xxcainiao/archive/2008/05/03/1180462.html

 还可以参考：http://www.iteye.com/topic/356788

 

通过PopUpManager和itemRenderer实现。

示例：

代码：
MXML文件：

<? xml version="1.0" encoding="utf-8" ?>
< mx:Application  xmlns:mx ="http://www.adobe.com/2006/mxml"  xmlns:local ="*"   >
     < mx:Array  id ="arr" >
         < mx:Object  articleName ="Finding out a characters Unicode character code Downloading the latest Adobe Labs version of Flex 3 SDK/Flex Builder 3 (codename: Moxie)"  data ="15"   />
         < mx:Object  articleName ="Setting an icon in an Alert control"  data ="14"   />
         < mx:Object  articleName ="Setting an icon in a Button control"  data ="13"   />
         < mx:Object  articleName ="Installing the latest nightly Flex 3 SDK build into Flex Builder 3"  data ="10"   />
         < mx:Object  articleName ="Detecting which button a user pressed to dismiss an Alert dialog"  data ="9"   />
         < mx:Object  articleName ="Using the Alert control Formatting data tips in a Slide"  data ="8"   />
     </ mx:Array >
     < mx:ArrayCollection  id ="AC"  source =" {arr} "   />      

     < mx:DataGrid  height ="250"  dataProvider =" {AC} "  variableRowHeight ="true"  width ="60%"  editable ="true" >
         < mx:columns >
             < mx:DataGridColumn  dataField ="data"  headerText ="ID"  editable ="false"  width ="125" />
             < mx:DataGridColumn 
                 editable ="false"  wordWrap ="true"
                headerText ="Article Name"                
                itemRenderer ="MyRenderer"  dataField ="articleName" />
         </ mx:columns >
     </ mx:DataGrid >
</ mx:Application >

itemRenderer:

<? xml version="1.0" encoding="utf-8" ?>
< mx:Text  xmlns:mx ="http://www.adobe.com/2006/mxml"  
    implements ="mx.controls.listClasses.IDropInListItemRenderer"  
    toolTip ="Double Click to Edit…"  doubleClick ="callLater(openPopup)"  doubleClickEnabled ="true"
    text =" {txt} " >

     < mx:Script >
     <![CDATA[
        import mx.controls.DataGrid;
        import mx.controls.listClasses.ListData;
        import mx.controls.dataGridClasses.DataGridListData;
        import mx.controls.listClasses.BaseListData;
        import mx.managers.PopUpManager;
        import mx.events.FlexEvent;

        private var _listData:DataGridListData;             
    
        [Bindable]
        public var txt:String;
    
        private var pop:Popup

        override public function set data(value:Object):void {
            super.data = value;         
            txt=data[_listData.dataField];
        }

        override public function get data():Object {
            return super.data;
        }            
        
        override public function get listData():BaseListData
        {
            return _listData;
        }
    
        override public function set listData(value:BaseListData):void
        {
            _listData = DataGridListData(value);
        }   

        private function openPopup():void{
            pop= Popup(PopUpManager.createPopUp(this.owner,Popup,true));
            pop.txt=this.txt;
            pop.opener=this;
        }           
        
        public function updateDP(str:String):void{
            var myDG:DataGrid=this.owner as DataGrid;
            var row:int=_listData.rowIndex+myDG.verticalScrollPosition;
            this.data[_listData.dataField]=str;
            myDG.dataProvider.itemUpdated(data);
        }
     ]]>
     </ mx:Script >
</ mx:Text >

popup:

<? xml version="1.0" encoding="utf-8" ?>
< mx:TitleWindow  xmlns:mx ="http://www.adobe.com/2006/mxml"
    width ="350"  height ="250"  showCloseButton ="false"  creationComplete ="centerMe()"
    defaultButton =" {btnSave} " >  

     < mx:Script >
         <![CDATA[
            import mx.managers.FocusManager;
            import mx.managers.PopUpManager;

            [Bindable]
            public var txt:String;
            
            public var opener:Object;
            
            
            private function save():void{
                (opener as MyRenderer).updateDP(ta.text);
                cancel();
            }
            
            private function cancel():void{
                PopUpManager.removePopUp(this);
                returnFocus();
            }
            
            private function returnFocus():void{
                opener.setFocus();
            }
            
            private function centerMe():void{
                PopUpManager.centerPopUp(this);
                ta.setFocus();          
            }
            
         ]]>
     </ mx:Script >

     < mx:TextArea  id ="ta"  text =" {txt} "  height ="100%"  width ="100%" />
     < mx:ControlBar >
         < mx:HBox >
             < mx:Button  id ="btnSave"  label ="save"  click ="save()" />
             < mx:Button  id ="btnCancel"  label ="cancel"  click ="cancel()" />              
         </ mx:HBox >
     </ mx:ControlBar >
</ mx:TitleWindow >

=========实际应用中进行了修改=====================================

itemRenderer.mxml文件中：

<mx:Label xmlns:mx="http://www.adobe.com/2006/mxml"
    implements="mx.controls.listClasses.IDropInListItemRenderer" 
    toolTip="单击进行编辑..."  click="callLater(openPopup)"
    text="{txt}">
<!--mx:Text 改为mx:Label 因为在datagrid中调用时全部显示，不能缩略显示-->