How to get html text in a Flex Alert panel.

A client asked me to do something seemingly simple.
"I want the Alert to have just this one sentence bolded."

Well, it's not exactly simple, so here's how you do it:

there are two solutions as below :

import mx.core.IUITextField;
use namespace mx.core.mx_internal;

message +="Press Yes to continue or No to cancel";
}
if(message.length>0){
Alert.yesLabel="Yes"
var alert:Alert=Alert.show(message,"Alert",3,null,alertHandlerForSO);
// alert.mx_internal::alertForm.mx_internal::textField.htmlText = message;
IUITextField(alert.alertForm.textField).htmlText = message;
}

=========================

更多 Flex 4 示例，请到 http://www.slsay.com

Alert 控件是 Halo 控件中的一种。

所有的 Flex 组件都能够调用 Alert 类的静态方法 show ( ) ，来打开一个带有消息、标题、按钮和图表的弹出式对话框。

当点击了一个按钮时， Alert 控件将被关闭。

Alert.show ( ) 方法的语法如下：

public static show (

text:String,

title:String=null,

flags:uint=mx.controls.Alert.OK,

parent:Sprite=null,

clickListener:Function=null,

iconClass:Class=null,

defaultButton:uint=mx.controls.Alert.OK

):Alert

返回一个 Alert 控件对象。

下表描述了 show ( ) 方法的参数：

参数	描述
text	对话框中的消息文本
title	对话框标题栏中的文本
flags	指定对话框按钮按钮 mx.controls.Alert.OK ： Ok 按钮 mx.controls.Alert.YES ： Yes 按钮 mx.controls.Alert.NO ： No 按钮 mx.controls.Alert.CANCEL ： Cancel 按钮
parent	Alert 控件的父对象
clickListener	指定 click 事件的侦听器
iconClass	指定对话框中消息文本左侧的图标
defaultButton	使用一个标志参数的合法值指定默认按钮。当用户按下回车时，此按钮就被选中，其默认值是 Alert.OK.

要使用 Alert 控件，需要引入 Alert 类，然后调用 show ( ) 方法，如下所示：

<?xml version="1.0"?>

<!-- http://www.slsay.com/archives/473 -->

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">

<mx:Script>

<![CDATA[

import mx.controls.Alert;

]]>

</mx:Script>

<mx:TextInput id="myInput"

width="150"

text=""/>

<mx:Button id="myButton"

label="Copy Text"

click="myText.text = myInput.text;

Alert.show('Text Copied!', 'Alert Box',

mx.controls.Alert.OK);"/>

<mx:TextInput id="myText"/>

</mx:Application>

此例中，当选择按钮就控件是，将复制 TextInput 控件中的文本至 TextArea 控件，并且显示 Alert 控件。

也可以定义 Button 控件的事件侦听器，如下所示：

<?xml version="1.0"?>

<!-- http://www.slsay.com/archives/473 -->

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">

<mx:Script>

<![CDATA[

import mx.controls.Alert;

private function alertListener():void

{

myText.text = myInput.text;

Alert.show("Text Copied!", "Alert Box", Alert.OK);

}

]]>

</mx:Script>

<mx:TextInput id="myInput"

width="150"

text=""/>

<mx:Button id="myButton"

label="Copy Text"

click="alertListener();"/>

<mx:TextInput id="myText"/>

</mx:Application>

主题：在 show ( ) 方法创建对话框之后， Flex 仍在处理你的应用程序，而不是等待用户关闭对话框。

设置 Alert 控件的大小

Alert 控件将自行设置其大小以适应其文本、按钮和图标。可以使用 show ( ) 方法返回的 Alert 对象指定 Alert 控件的大小，如下所示：

<?xml version="1.0"?>

<!-- http://www.slsay.com/archives/473 -->

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">

<mx:Script>

<![CDATA[

import mx.controls.Alert;

// Define variable to hold the Alert object.

public var myAlert:Alert;

private function openAlert():void

{

myAlert = Alert.show("Copy Text?", "Alert",

Alert.OK | Alert.CANCEL);

// Set the height and width of the Alert control.

myAlert.height=150;

myAlert.width=150;

}

]]>

</mx:Script>

<mx:TextInput id="myInput"

width="150"

text=""/>

<mx:Button id="myButton"

label="Copy Text"

click="openAlert();"/>

<mx:TextInput id="myText"/>

</mx:Application>

此例中通过设置 height 和width 属性来指定 Alert 对象的大小。

在 Alert 控件上使用时间侦听器

下面的例子为 Alert 控件的弹出式对话框添加了事件侦听器。事件侦听器在用户选择 Alert 控件中的按钮时执行处理过程。传递给事件侦听器的事件对象是 CloseEvent。

下面的例子中，只是在用户选择了OK 按钮时执行文本的复制。

<?xml version="1.0"?>

<!-- http://www.slsay.com/archives/473 -->

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">

<mx:Script>

<![CDATA[

import mx.controls.Alert;

import mx.events.CloseEvent;

private function alertListener(eventObj:CloseEvent):void

{

// Check to see if the OK button was pressed.

if (eventObj.detail==Alert.OK) {

	myText.text = myInput.text;

	}

}

]]>

</mx:Script>

<mx:TextInput id="myInput"

width="150"

text="" />

<mx:Button id="myButton"

label="Copy Text"

click='Alert.show("Copy Text?", "Alert",

Alert.OK | Alert.CANCEL, this,

alertListener, null, Alert.OK);'/>

<mx:TextInput id="myText"/>

</mx:Application>

此例中，为 Alert 控件定义了一个事件侦听器。不用设置事件侦听器体，可以通过检查事件对象的 detail 属性来判定哪个按钮被按下。如果用户按了 OK 按钮就，则执行文本复制。如果用户按其他任何的按钮，或者按了 Esc 见，则不复制文本。

指定 Alert 控件的图标

可以在 Alert 控件中包含一个图标，显示在提示文本的左边。

<?xml version="1.0"?>

<!-- http://www.slsay.com/archives/473 -->

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">

<mx:Script>

<![CDATA[

import mx.controls.Alert;

import mx.events.CloseEvent;

[Embed(source="assets/alertIcon.jpg")]

[Bindable]

public var iconSymbol:Class;

private function alertListener(eventObj:CloseEvent):void

{

// Check to see if the OK button was pressed.

if (eventObj.detail==Alert.OK) {

	myText.text = myInput.text;

	}

}

]]>

</mx:Script>

<mx:TextInput id="myInput"

width="150"

text=""/>

<mx:Button id="myButton"

label="Copy Text"

click='Alert.show("Copy Text?", "Alert",

Alert.OK | Alert.CANCEL, this,

alertListener, iconSymbol, Alert.OK );'/>

<mx:TextInput id="myText"/>

</mx:Application>