现在的位置: 首页 > 综合 > 正文

FLEX实践:PopUpManager使用

2013年11月06日 ⁄ 综合 ⁄ 共 1853字 ⁄ 字号 评论关闭

本例将实现弹出窗口的两种方式

1、PopUpManager.createPopUp

2、PopUpManager.addPopUp

 

1)创建FunctionSearchComponent.mxml

<?xml version="1.0" encoding="utf-8"?>
<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml" width="390" height="270">
    <mx:Script>
    <![CDATA[
      import mx.controls.Alert;
      import mx.managers.*;
      private function query():void{
          Alert.show("Search Functino!");
      }
      private function newSearch():void{
          functionCode.text="";
          moduleId.text="";
      }
      private function cancel():void{
          PopUpManager.removePopUp(this);
      }
    ]]>
    </mx:Script>
    <mx:Label x="10" y="81" text="Function Code:" />
    <mx:Label x="56" y="107" text="Module:" />
    <mx:TextInput x="119" y="79" width="253"  id="functionCode"/>
    <mx:TextInput x="119" y="105" width="253"  id="moduleId"/>
    <mx:Button x="181" y="176" label="New"  click="newSearch()"/>
    <mx:Button x="239" y="176" label="Find"  click="query()"/>
    <mx:Button x="297" y="176" label="Cancel" click="cancel()"/>
   
</mx:Canvas>

 

2)创建应用程序 FunctionForm.mxml

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">

<mx:Script>
   <![CDATA[

         

           private function search():void{
         var functionSearchWin:FunctionSearchComponent=

          FunctionSearchComponent(PopUpManager.createPopUp(this,FunctionSearchComponent,false));
      
         functionSearchWin.x=150;
         functionSearchWin.y=150;
     }

          private function search1():void{
         var functionSearchWin:FunctionSearchComponent=new FunctionSearchComponent()

        
         functionSearchWin.width=400;
         functionSearchWin.height=400;
         functionSearchWin.x=150;
         functionSearchWin.y=150;
         PopUpManager.addPopUp(functionSearchWin,this,true);
     }

      ]]>
   </mx:Script>

    <mx:Button label="search" id="save" click="search()"/>

    <mx:Button label="search1" id="save" click="search1()"/>

</mx:Application>

 

抱歉!评论已关闭.