Flex 弹出窗口--datagrid--自定以事件

本文主要是介绍Flex 弹出窗口--datagrid--自定以事件，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

原blog位置：http://www.iteye.com/topic/356788

<?xml version="1.0" encoding="utf-8"?>
<mx:Application
   xmlns:mx="http://www.adobe.com/2006/mxml"
   layout="absolute"
   width="500" height="300"
   creationComplete="init()">
   <mx:Script>
       <![CDATA[
           import mx.managers.PopUpManager;
           import mx.collections.ArrayCollection;

           [Bindable]
           private var notes:ArrayCollection = new ArrayCollection();

           private var addNoteScreen:AddNote;

           private function init():void
           {
               addNoteScreen = new AddNote();
               addNoteScreen.addEventListener("SaveNote", saveNote);
           }

           private function addNote():void
           {
               PopUpManager.addPopUp(addNoteScreen, this, true); //true表示模式窗口
               PopUpManager.centerPopUp(addNoteScreen);
               addNoteScreen.author.text = "";
               addNoteScreen.topic.text = "";
               addNoteScreen.description.text = "";
           }

           private function saveNote(e:Event):void
           {
               var note:Note = new Note();
               note.author = addNoteScreen.author.text;
               note.topic = addNoteScreen.topic.text;
               note.description = addNoteScreen.description.text;
               notes.addItem(note);
               PopUpManager.removePopUp(addNoteScreen);
           }
       ]]>
   </mx:Script>
   <mx:Panel title="Notes"
              width="100%" height="100%"
              layout="vertical" horizontalAlign="right"
              paddingTop="3" paddingLeft="3" paddingRight="3" paddingBottom="3">
       <mx:DataGrid dataProvider="{notes}" width="100%" height="100%">
           <mx:columns>
               <mx:DataGridColumn headerText="Author" dataField="author" width="80"/>
               <mx:DataGridColumn headerText="Topic" dataField="topic" width="100"/>
               <mx:DataGridColumn headerText="Description" dataField="description"/>
           </mx:columns>
       </mx:DataGrid>
       <mx:Button label="Add Note" click="addNote()"/>
   </mx:Panel>
</mx:Application>

弹出窗口AddNote

<?xml version="1.0" encoding="utf-8"?>
<mx:TitleWindow xmlns:mx="http://www.adobe.com/2006/mxml"
               layout="absolute" width="348" height="218"
               title="Add A Note">
   <mx:Metadata>
       [Event(name="SaveNote")]
   </mx:Metadata>
   <mx:Script>
       <![CDATA[
           import mx.managers.PopUpManager;

           private function close():void
           {
               PopUpManager.removePopUp(this);
           }

           private function save():void
           {
               this.dispatchEvent(new Event("SaveNote"));
           }
       ]]>
   </mx:Script>
   <mx:Label text="Author" x="35" y="10"/>
   <mx:TextInput id="author" width="150" x="84" y="8"/>
   <mx:Label text="Topic" y="36" x="42"/>
   <mx:TextInput id="topic" width="150" x="84" y="34"/>
   <mx:Label text="Description" y="62" x="10"/>
   <mx:TextArea id="description" width="234" height="77" x="84" y="61"/>
   <mx:Button label="Cancel" click="close()" x="193" y="146"/>
   <mx:Button label="Save" click="save()" x="264" y="146"/>
</mx:TitleWindow>

Note类

package test.datagrid
{
   public class Note
   {
       public var author:String;
       public var topic:String;
       public var description:String;

       public function Note()
       {
       }

   }
}