一种优美的Flex弹出窗口, 跟Ajax的比较, 你觉得如何呢? 先看效果:
如下图新建一个 new MXML component , 这个就是要弹出的窗口了. 新建此项后, 你可以选择各种希望继承的控件, 在 " Based on "选项里, " Filename " 就是类名.
------------------ 华丽的分割线 ------------------------
已设置为 "Default Application" 的MXML文件:
<?xml version="1.0" encoding="utf-8"?>
<!-- Main application to demonstrate TitleWindow layout container. -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" fontSize="12" width="336" height="251" layout="absolute">
<mx:Script>
<![CDATA[
import mx.managers.PopUpManager;
privatefunction showAlertWindow():void{
var myPanel:alertWindowExample = alertWindowExample(PopUpManager.createPopUp(this, alertWindowExample, true)); // 这里第三个参数 true 表示: 弹出myPanel窗口后, 是否可以对父级操作, 值为true时, 就会产生背景模糊的效果, 并不能对父级的东西进行操作
}
]]>
</mx:Script>
<mx:Button label="按我一下" click="showAlertWindow()" x="248" y="217"/>
</mx:Application>
----------------------
要弹出的窗口 - alertWindowExample.mxml
<?xml version="1.0" encoding="utf-8"?>
<mx:Panel xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" width="256" height="204" fontSize="12" title="弹出的窗口">
<mx:Script>
<![CDATA[
import mx.managers.PopUpManager;
]]>
</mx:Script>
<mx:Label text="姓名:" x="10" y="10"/>
<mx:TextInput x="52" y="8" text="Y-boy.cn"/>
<mx:Label text="内容:" x="10" y="38"/>
<mx:TextArea x="52" y="55" height="62" text="很安逸的效果...^_^
http://www.RiaHome.cn"/>
<mx:Button label="返回" x="160" y="128" click="PopUpManager.removePopUp(this);"/>
</mx:Panel>
==================
