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

通过 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 >

查看源文件
 下载源文件