flex中Alert对话框组件用法

发布于，归属于flex实例。 沙发还空着，抢！ 共有372人围观    

先来看演示：

这个例子展示了使用Alert对话框组件基本方法show。

来看源代码：

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="initApp()">
  3.     <mx:Style>
  4.         Application{fontSize:12px;}
  5.     </mx:Style>
  6.     <mx:Script>
  7.         <![CDATA[
  8.             import mx.controls.Alert;
  9.             import flash.events.MouseEvent;
  10.             import mx.events.CloseEvent;
  11.             internal function initApp():void{
  12.                 btn.addEventListener(MouseEvent.CLICK,handler);
  13.             }
  14.             internal function handler(evt:MouseEvent):void{
  15.                 Alert.show("这是一个对话框","提示消息",Alert.YES | Alert.NO | Alert.OK | Alert.CANCEL,this,onAlertClose);
  16.             }
  17.             internal function onAlertClose(evt:CloseEvent):void{
  18.                 switch (evt.detail){
  19.                     case Alert.OK :
  20.                         status.text = '你单击的是OK'
  21.                     break;
  22.                     case Alert.CANCEL :
  23.                         status.text = '你单击的是CANCEL'
  24.                     break;
  25.                     case Alert.YES :
  26.                         status.text = '你单击的是YES'
  27.                     break;
  28.                     case Alert.NO :
  29.                         status.text = '你单击的是NO'
  30.                     break;                                                           
  31.                        
  32.                 }
  33.             }
  34.         ]]>
  35.     </mx:Script>
  36.     <mx:Button id="btn" x="10" y="38" label="点击这里" width="100" />
  37.     <mx:Label id="status" x="10" y="10" text="" width="105" />
  38. </mx:Application>

关键知识点说明：

  1. Alert.show()函数的用法
  2. Alert.show()中第五个参数为关闭时候调用的回调函数CloseEvent（留意回调函数中的detail时间属性）

简要说明下Alert.show()函数中的参数含义：

  1. 第1个参数：对话框显示的内容
  2. 第2个参数：对话框显示的标题
  3. 第3个参数：对话框显示的按钮(OK、CANCEL、YES、NO)
  4. 第4个参数：对话框居中的参照对象，一般为this
  5. 第5个参数：关闭时候调用的回调函数
  6. 第6个参数：对话框中出现的图标
（如果您喜欢这篇教程，可以通过支付宝打赏我们1元哦，拜谢！）

跟作者说两句

:wink: :twisted: :roll: :oops: :mrgreen: :lol: :idea: :evil: :cry: :arrow: :?: :-| :-x :-o :-P :-? :) :( :!: 8-O 8)

同类