flex dataGrid提交显示

------------------------------------------------类Note---------------------------------------------------

 

 

package dataGrid
{
 public class Note
 {  
  public var author:String;  
  public var topic:String;  
  public var description:String;
 }
}

 

 

 

---------------------------------------------组件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>

 

 

 

------------------------------------应用程序----------------------------------------------

 

 

 

<?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; 
   import flash.events.*;
   [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); 
    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); 
   }
   private function close():void 
   { 
    ExternalInterface.call("window.close"); 
   } 
  ]]> 
 </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:Button label="Cancel" click="close()"/>
 </mx:Panel> 
</mx:Application>