flex_弹出式窗口与数据的结合事例;

原创 2012年03月24日 18:21:40

效果图:


=>WindowLogin.mxml自定义组件

<?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="280" height="180" title="弹出式窗口与数据的结合示例" close="onCloseWin()">
    
    <fx:Metadata>
        [Event(name="loggingIn")]
    </fx:Metadata>
    <fx:Script>
        <![CDATA[
            import mx.managers.PopUpManager;
            
            /**
             * 关闭窗口;
             */
            protected function onCloseWin():void{
                PopUpManager.removePopUp(this);
            }
            
            /**
             * 窗口属性设置_双向绑定数据,故不需要set方法;
             */
            [Bindable]
            private var _username:String = "";
            public function get username():String{
                return _username;
            }
            
            [Bindable]
            private var _password:String = "";
            public function get password():String{
                return _password;
            }
            
            // 静态事件常量:
            public static const LOGGING_IN:String = "loggingIn";
            
            /**
             * 登录按钮;
             */
            protected function submitBtn_clickHandler(event:MouseEvent):void
            {
                // 分批事件:
                dispatchEvent(new Event(LOGGING_IN));
                
                // 关闭窗口:
                onCloseWin();
            }
            
        ]]>
    </fx:Script>
    
    <s:Form width="100%">
        <s:FormItem label="用户名" width="100%">
            <s:TextInput id="usernamefield" text="@{_username}" width="150"/>
        </s:FormItem>
        <s:FormItem label="密  码" width="100%">
            <s:TextInput id="passwordfield" displayAsPassword="true" text="@{_password}" width="150"/>
        </s:FormItem>
        <s:HGroup width="100%" horizontalAlign="right">
            <s:Button id="submitBtn" label="登录" click="submitBtn_clickHandler(event)"/>
        </s:HGroup>
    </s:Form>
    
</s:TitleWindow>

=>主应用程序

<?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"
               minWidth="1024" minHeight="768" pageTitle="TheStudioOfCenyebao"
               applicationComplete="initFn()">
    
    <fx:Script>
        <![CDATA[
            import com.learn.Window.WindowLogin;
            
            import mx.managers.PopUpManager;
            
            protected var loginWin:WindowLogin;
            protected function initFn():void{
                loginWin = new WindowLogin();    // 实例化窗体;
                
                // 监听登录窗口分派的事件:
                loginWin.addEventListener(WindowLogin.LOGGING_IN, onLogin, false, 0, true);
            }
            
            protected function onLogin(event:Event):void{
                userInfo.text = "UserInfo: " + loginWin.username + "(" + loginWin.password + ")";
            }
            
            protected function openWinBtn_clickHandler(event:MouseEvent):void
            {
                PopUpManager.addPopUp(loginWin, this, true);
                PopUpManager.centerPopUp(loginWin);
            }
            
        ]]>
    </fx:Script>

    <s:Label id="userInfo" horizontalCenter="0" verticalCenter="-20" fontWeight="bold" fontSize="16"/>
    <s:Button id="openWinBtn" horizontalCenter="0" verticalCenter="0" label="登录" click="openWinBtn_clickHandler(event)"/>
</s:Application>



flex_向弹出式窗口传递数据;

效果图: =>WindowSendMessageWith.mxml自定义组件;                xmlns:s="library://ns.adobe.com/f...
  • cenyebao
  • cenyebao
  • 2012年03月25日 01:45
  • 568

flex_控制弹出式窗口位置;

效果:通过单击窗口里边按钮可以使窗口移到相应位置; =>WindowTitleCustom.mxml自定义组件                xmlns:s="library://...
  • cenyebao
  • cenyebao
  • 2012年03月24日 14:54
  • 1844

弹出式窗口详解

经常上网的朋友可能会到过这样一些网站,一进入首页立刻会弹出一个窗口,或者按一个连接或按钮弹出,通常在这个窗口里会显示一些注意事项、版权信息、警告、欢迎光顾之类的话或者作者想要特别提示的信息。其实制作这...
  • superes
  • superes
  • 2007年04月13日 15:07
  • 500

关于 子窗口 和 弹出窗口的区别

WS_CHILD 切入在parentwnd中,相当于集成在一起了   WS_POPUP 弹出了,是两个window 可以在 OnInitDialog()之中 添加转换  Modi...
  • wangjieest
  • wangjieest
  • 2011年11月22日 09:25
  • 2338

JS中的三种弹出式消息提醒(警告窗口、确认窗口、信息输入窗口)的命令是什么?

alert() 弹出个提示框 (确定)  confirm() 弹出个确认框 (确定,取消)  prompt() 弹出个输入框 让你输入东西 例解:   window.alert("警告...
  • ccrzzu
  • ccrzzu
  • 2013年04月24日 01:24
  • 4754

Js中三种弹出式消息提醒的命令是什么?(警告,确认,信息输入)

1、警告框alert,在js中直接运用alert("警告"); 2、确认框confirm。 confirm() 方法用于显示一个带有指定消息和 OK 及取消按钮的对话框,根据用户点击确认框...
  • devincob
  • devincob
  • 2017年04月30日 11:30
  • 1117

弹出式窗口与用户体验

弹出式窗口是否能够在用户浏览网站时优化用户体验取决于 用户本身的行为习惯 。国外的用户体验专家Jakob Nielsen近十年前就提出 任何打破浏览器“后退”键的机制都会恶化用户体验 ,其中很显然的一...
  • Lunatic_Sun
  • Lunatic_Sun
  • 2008年03月04日 09:50
  • 2633

常用的弹出式窗口(window.open)

window.open(sc_login.aspx,null,left=0,top=0,directories=no,toolbar=no,height=210,width=450,status=no...
  • wzhxj
  • wzhxj
  • 2005年12月06日 14:51
  • 459

弹出式窗口

  <html> <SCRIPT LANGUAGE="javascript"> <!-- showModelessDialog(http://www.e3i5.com,example05,dialog...
  • lentionsoft
  • lentionsoft
  • 2008年08月25日 16:43
  • 735

[原创] 避免弹出窗口被如Google工具条拦截的解决办法

SUNDY原创 20004-11-03现在网络弹出窗口乱七八糟,很多人不愿意看到弹出广告窗口,可是有的有用的窗口又想让别人看到,用window.opne方法打开窗口都被拦截了,一下方法可以解决让你的窗...
  • feng_sundy
  • feng_sundy
  • 2004年11月03日 14:47
  • 2591
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:flex_弹出式窗口与数据的结合事例;
举报原因:
原因补充:

(最多只允许输入30个字)