Flex学习之六

在flex中使用弹出窗口。flex中的弹出窗口都使用PopUpManager来实现。
网上有例子：http://blog.minidx.com/2008/07/28/1144.html
PopUpManager有个方法：createPopUp就能创建一个弹出窗口。这个方法有三个参数：第一个是父窗口对象，第二个是子窗口对象，第三个是窗口模式。

例子如下：
1、TestFlex.mxml:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"
creationComplete="init()">
<mx:Script>
<![CDATA[
import mx.controls.Alert;
    import mx.rpc.events.FaultEvent;
import mx.rpc.events.ResultEvent;
import mx.managers.PopUpManager;

private function openWindows():void
{
   var titleWindowInstance:OpenWin =   
               OpenWin(PopUpManager.createPopUp(this, OpenWin, false));  
    
}
]]>
</mx:Script>
<mx:Button label="弹出窗口" click="openWindows();"/>
</mx:Application>


2、OpenWin.mxml:

<?xml version="1.0" encoding="utf-8"?>
<mx:TitleWindow xmlns:mx="http://www.adobe.com/2006/mxml"
showCloseButton="true" close="closeWindow()" layout="vertical" width="400"
height="300">
<mx:Script>
<![CDATA[
import mx.managers.PopUpManager;

private function closeWindow():void
{
PopUpManager.removePopUp(this);
}
]]>
</mx:Script>
<mx:Panel>
<mx:Label text="I'm a child window" />
</mx:Panel>
</mx:TitleWindow>

OpenWin.mxml 文件内容必须是TitleWindow 类型的，这个是createPopUp方法要求的。

如果我们想把父窗口的值传递到子窗口上，则要先要在子窗口中新建public的变量：
[Bindable]
public var headTitle:String;//窗口名称

在父窗口中我们通过新构建的子窗口对象来操作这个变量即可：
titleWindowInstance.headTitle = "这个是子窗口";

如果我们想把子窗口中的值传给父窗口，则稍微麻烦点：
1、在子窗口中定义父窗口对象
2、定义回调函数变量
3、在父窗口中给上述变量设置变量值。
4、定义回调函数的实现。

经过修改后的代码：

TestFlex.mxml:
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"
creationComplete="init()">
<mx:Script>
<![CDATA[
import mx.controls.Alert;
    import mx.rpc.events.FaultEvent;
import mx.rpc.events.ResultEvent;
import mx.managers.PopUpManager;
import mx.controls.Alert;

private function openWindows():void
{
   var titleWindowInstance:OpenWin =   
           OpenWin(PopUpManager.createPopUp(this, OpenWin, false));  
        titleWindowInstance.headTitle = "这个是子窗口";
        titleWindowInstance.callbackFunction = callBack;
        titleWindowInstance.mainApp = this;
}

private function callBack(str:String):void
{
Alert.show("receive data from child: "+str,"info");
}
]]>
</mx:Script>
<mx:Button label="弹出窗口" click="openWindows();"/>
</mx:Application>

2、OpenWin.mxml

<?xml version="1.0" encoding="utf-8"?>
<mx:TitleWindow xmlns:mx="http://www.adobe.com/2006/mxml"
showCloseButton="true" close="closeWindow()" layout="vertical" width="400"
height="300">
<mx:Script>
<![CDATA[
import mx.managers.PopUpManager;

[Bindable]
public var headTitle:String;//窗口名称
[Bindable]
public var mainApp:Object=null;//主窗口对象
    [Bindable]
public var callbackFunction:Function; //回调函数

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

private function ok():void
{
  if(TextId.text!=null)
    callbackFunction.call(mainApp,TextId.text);
}

]]>
</mx:Script>
    <mx:VBox>
    <mx:Label text="{headTitle}"/>
<mx:Label text="I'm a child window" />
<mx:TextInput width="100"  id="TextId"  text=""/>
<mx:Button label="确定" click="ok()" />
    </mx:VBox>

</mx:TitleWindow>