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 代码

<!---->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>
    <!---->
    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赋值.

参考:

http://www.cflex.net/showfiledetails.cfm?ChannelID=1&Object=File&objectID=558

http://blog.csdn.net/jingqiu5/archive/2006/12/04/1429570.aspx