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() ?? ??? ?{ ?? ??? ?} ?? ??? ? ?? ?} }