Flex 弹出窗口的数据传输

这里通过一个实例演示Flex父窗口和弹出的子窗口之间的数据传输。

先创建一个MXML component 命名为ListTitleWindow.mxml (Based on : TitleWindow)

xml 代码

<?xml version="1.0" encoding="utf-8"?>  
<mx:TitleWindow xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" width="400" height="300"  
    creationComplete="initComponent()"  
      showCloseButton="true"  
      close="closeWindow()">  
       
    <mx:Script>  
  
        <CDATA  
            
        /* 数据xml格式如下：   
            <items>  
                <item label="Tom" data="num001"/>  
                <item label="Lucy" data="num002"/>  
            </items>    
        */   
           
         import mx.managers.PopUpManager;   
         import mx.rpc.events.ResultEvent;   
         import mx.controls.Alert;   
            
         [Bindable]public var mainApp:Object = null;     
         [Bindable]public var headTitle:String;           
         [Bindable]public var url:String;   
         [Bindable]public var selectedItem:Object;   
         [Bindable]public var callbackFunction:Function;  //回调函数   
            
         private function initComponent():void {   
            //listDataService.url = url;   
            listDataService.send();   
         }   
            
        //closeWindow   
         private function closeWindow():void {   
               PopUpManager.removePopUp(this);   
         }   
            
         private function submit():void {   
             PopUpManager.removePopUp(this);   
             if (selectedItem != null && callbackFunction != null) {   
                 //调用父窗体的方法并以参数形式返回选择结果   
                 callbackFunction.call(mainApp, selectedItem.data);    
             }   
         }   
            
         private function mySelection(oEvent:Event):void {   
             selectedItem = oEvent.target.selectedItem;   
         }      
           
        private function initListData(event:ResultEvent):void {   
            //使用HTTPService返回的xml数据,初始化List数据   
            dataList.dataProvider = event.result.items.item;   
        }   
  
        >  
    </mx:Script>  
  
    <mx:HTTPService id="listDataService" url="{url}" showBusyCursor="true"  result="initListData(event)" />  
  
    <mx:Label text="{headTitle}"/>  
       
    <mx:List id="dataList" width="100%" color="blue" change="mySelection(event)" />  
  
    <mx:VBox width="100%">  
        <mx:Label text="Selected State: {selectedItem.label}"/>  
        <mx:Button label="OK" click="submit();"/>  
    </mx:VBox>  
       
</mx:TitleWindow>   

使用一个MXML application 作为父窗体,代码如下

xml 代码

<!--sp-->xml version="1.0" encoding="utf-8"?>  
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"  
    initialize="initApp()">  
    <mx:Style source="styles/main.css"/>  
                   
    <mx:Script>  
    <!--DATA[     </sp--> 
    import mx.controls.Alert;  
    import flash.display.StageDisplayState;  
    import components.window.ListTitleWindow;  
    import mx.containers.TitleWindow;  
    import mx.managers.PopUpManager;  
    import mx.collections.ArrayCollection;  
   
    private function initApp() : void {  
 
    }  
 
    private function showTitleWindow():void {  
        var titleWindowInstance:ListTitleWindow =   
            ListTitleWindow(PopUpManager.createPopUp(this, ListTitleWindow, false));  
          
        titleWindowInstance.title = "Welcome";  
        titleWindowInstance.width = 400;   
        titleWindowInstance.height = 300;     
        titleWindowInstance.mainApp = this;    
        titleWindowInstance.headTitle = "Select a item.";   
        titleWindowInstance.url="http://localhost:8080/test.xml";  
        titleWindowInstance.callbackFunction = this.myFunction;  
          
        PopUpManager.centerPopUp(titleWindowInstance);  
     }  
           
    public function myFunction(bb:String):void {  
        Alert.show(bb);  
    }  
 
    ]]>  
  
    mx:Script>  
       
    <mx:Button x="63" y="96" label="Button" click="showTitleWindow();"/>  
       
mx:Application>   

这里使用HTTPService来获取初始化List的数据,也可以在父窗体中直接给子窗体的List赋值.