PopUpManager Examples (Simple PopUpManager Example)

1. Simple PopUpManager Example1

*source code : PopUpManagerExample1.fxp

 

<?xml version="1.0" encoding="utf-8"?>

<s:Application name="Spark_TitleWindow_test"

                       xmlns:fx="http://ns.adobe.com/mxml/2009"

                       xmlns:s="library://ns.adobe.com/flex/spark"

                       xmlns:mx="library://ns.adobe.com/flex/halo"

                       creationComplete="init();"

                       backgroundColor="#aaaaaa"

                       width="800"

                       height="800">

       <fx:Script>

             <![CDATA[

                   /*  http://storyjava.tistory.com

                    *  code5381@hotmail.com

                    *  KevinKim

                    */

                    import mx.managers.PopUpManager;

                    private var tt:TitleWindowEx = null;

                    private function init():void

                    {

                           tt = TitleWindowEx(PopUpManager.createPopUp(this, TitleWindowEx, true));

                    }

             ]]>

       </fx:Script>

</s:Application>

 

<?xml version="1.0" encoding="utf-8"?>

<s:TitleWindow xmlns:fx="http://ns.adobe.com/mxml/2009"

                       xmlns:s="library://ns.adobe.com/flex/spark"

                       xmlns:mx="library://ns.adobe.com/flex/mx" width="400" height="300"

                       title="Test1">

       <s:Label text="Test Page"/>

</s:TitleWindow>

   

 

2. Simple PopUpManager Example2

 

*source code : PopUpManagerExample2.fxp

 

<?xml version="1.0" encoding="utf-8"?>

<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"

                       xmlns:s="library://ns.adobe.com/flex/spark"

                       xmlns:mx="library://ns.adobe.com/flex/mx"

                       width="500"

                       height="500"

                       backgroundColor="#aaaaaa">

      

       <fx:Script>

             <![CDATA[

                    /*  http://storyjava.tistory.com

                    *  code5381@hotmail.com

                    *  KevinKim

                    */

                    import mx.managers.PopUpManager;

                    public var userInfo:Object = {userID:"", userPWD:""};

                   

                    private function login():void

                    {

                           var userInfoPopUP:ShowIDPWD = ShowIDPWD(PopUpManager.createPopUp(this, ShowIDPWD, true));

                          

                           userInfo.userID = txt_ID.text;

                           userInfo.userPWD = txt_PASSWORD.text;

                          

                           userInfoPopUP.userInfo = this.userInfo;

                    }

             ]]>

       </fx:Script>

       <mx:Panel verticalAlign="middle" horizontalAlign="center" layout="absolute">

             <mx:Form width="100%" height="100%">

                    <mx:FormItem label="ID">

                           <mx:TextInput id="txt_ID" />

                    </mx:FormItem>

                    <mx:FormItem label="PASSWORD">

                           <mx:TextInput id="txt_PASSWORD" />

                    </mx:FormItem>

             </mx:Form>

             <mx:ControlBar horizontalAlign="center">

                    <mx:Button label="로그인" click="login()"/>

             </mx:ControlBar>

       </mx:Panel>

</s:Application>

 

<?xml version="1.0" encoding="utf-8"?>

<s:TitleWindow xmlns:fx="http://ns.adobe.com/mxml/2009"

                       xmlns:s="library://ns.adobe.com/flex/spark"

                       xmlns:mx="library://ns.adobe.com/flex/mx"

                       width="200"

                       height="200"

                       horizontalCenter="true"

                       verticalCenter="true">

       <fx:Script>

             <![CDATA[

                    import mx.managers.PopUpManager;

                    [Bindable]public var userInfo:Object;

                   

                    private function close():void

                    {

                           PopUpManager.removePopUp(this);

                    }

             ]]>

       </fx:Script>

       <s:VGroup>

             <s:Form>

                    <s:FormItem label="ID">

                           <s:Label id="txt_ID" text="{userInfo.userID}"/>

                    </s:FormItem>

                    <s:FormItem label="PASSWORD">

                           <s:Label id="txt_PWD" text="{userInfo.userPWD}"/>

                    </s:FormItem>

             </s:Form>

             <mx:ControlBar>

                    <s:Button click="close()" label="CLOSE" />

             </mx:ControlBar>

       </s:VGroup>

</s:TitleWindow>