Flex中如何检测Alert控件是否closed的例子
2009-11-11 15:14
531 查看
接下来的例子演示了Flex中如何通过监听
下面是完整代码(或点击这里查看):
Download: main.mxml
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
layout="vertical"
verticalAlign="middle"
backgroundColor="white"
creationComplete="init();">
<mx:Script>
<![CDATA[
import mx.events.CloseEvent;
import mx.controls.Alert;
private var alert:Alert;
private function init():void {
Alert.buttonWidth = 100;
Alert.yesLabel += " (" + Alert.YES + ")";
Alert.noLabel += " (" + Alert.NO + ")";
Alert.okLabel += " (" + Alert.OK + ")";
Alert.cancelLabel += " (" + Alert.CANCEL + ")";
}
private function showAlert():void {
var flags:uint = 0;
if (yesCheckBox.selected) flags += Alert.YES;
if (noCheckBox.selected) flags += Alert.NO;
if (okCheckBox.selected) flags += Alert.OK;
if (cancelCheckBox.selected) flags += Alert.CANCEL;
if (nonModalCheckBox.selected) flags += Alert.NONMODAL;
alert = Alert.show("The quick brown fox jumped over the lazy dog.",
"title",
flags,
null,
alert_close);
}
private function alert_close(evt:CloseEvent):void {
arrColl.addItem(evt);
}
]]>
</mx:Script>
<mx:ArrayCollection id="arrColl" />
<mx:ApplicationControlBar dock="true">
<mx:Button label="Show alert"
click="showAlert();" />
</mx:ApplicationControlBar>
<mx:DataGrid id="dataGrid"
dataProvider="{arrColl}"
itemRenderer="mx.controls.Label"
width="100%"
height="100%" />
<mx:HBox width="100%">
<mx:CheckBox id="yesCheckBox"
label="Alert.YES"
width="20%" />
<mx:CheckBox id="noCheckBox"
label="Alert.NO"
width="20%" />
<mx:CheckBox id="okCheckBox"
label="Alert.OK"
width="20%" />
<mx:CheckBox id="cancelCheckBox"
label="Alert.CANCEL"
width="20%" />
<mx:CheckBox id="nonModalCheckBox"
label="Alert.NONMODAL"
width="20%" />
</mx:HBox>
</mx:Application>
close事件,在静态
Alert.show()事件中指定可以右键View Source或点击这里察看源代码closeHandler的参数,来实现检测Alert控件(对话框)是否关闭。
[code]让我们先来看一下Demo(
):
下面是完整代码(或点击这里查看):
Download: main.mxml
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
layout="vertical"
verticalAlign="middle"
backgroundColor="white"
creationComplete="init();">
<mx:Script>
<![CDATA[
import mx.events.CloseEvent;
import mx.controls.Alert;
private var alert:Alert;
private function init():void {
Alert.buttonWidth = 100;
Alert.yesLabel += " (" + Alert.YES + ")";
Alert.noLabel += " (" + Alert.NO + ")";
Alert.okLabel += " (" + Alert.OK + ")";
Alert.cancelLabel += " (" + Alert.CANCEL + ")";
}
private function showAlert():void {
var flags:uint = 0;
if (yesCheckBox.selected) flags += Alert.YES;
if (noCheckBox.selected) flags += Alert.NO;
if (okCheckBox.selected) flags += Alert.OK;
if (cancelCheckBox.selected) flags += Alert.CANCEL;
if (nonModalCheckBox.selected) flags += Alert.NONMODAL;
alert = Alert.show("The quick brown fox jumped over the lazy dog.",
"title",
flags,
null,
alert_close);
}
private function alert_close(evt:CloseEvent):void {
arrColl.addItem(evt);
}
]]>
</mx:Script>
<mx:ArrayCollection id="arrColl" />
<mx:ApplicationControlBar dock="true">
<mx:Button label="Show alert"
click="showAlert();" />
</mx:ApplicationControlBar>
<mx:DataGrid id="dataGrid"
dataProvider="{arrColl}"
itemRenderer="mx.controls.Label"
width="100%"
height="100%" />
<mx:HBox width="100%">
<mx:CheckBox id="yesCheckBox"
label="Alert.YES"
width="20%" />
<mx:CheckBox id="noCheckBox"
label="Alert.NO"
width="20%" />
<mx:CheckBox id="okCheckBox"
label="Alert.OK"
width="20%" />
<mx:CheckBox id="cancelCheckBox"
label="Alert.CANCEL"
width="20%" />
<mx:CheckBox id="nonModalCheckBox"
label="Alert.NONMODAL"
width="20%" />
</mx:HBox>
</mx:Application>
相关文章推荐
- Flex中如何判断DateField控件状态为opened还是closed的例子
- Flex中利用sourceChanged事件检测图片(image)控件的图片源(source属性)是否改变的例子
- Flex中如何通过httpStatus事件检测Image控件载入图片是否成功的例子
- Flex中通过doubleClick事件来检测用户是否在TextInput控件中进行了双击(double clicks)操作的例子
- Flex中通过doubleClick事件来检测用户是否在TextInput控件中进行了双击(double clicks)操作的例子
- Flex中如何通过监听collectionChange事件检测DataGrid的数据源是否改变的例子
- Flex中如何通过监听scroll事件检测用户改变DateChooser控件选中月份的例子
- Flex中如何让TextInput被选中文本保持选中状态而不管控件是否获得焦点的例子
- Flex中如何修改Alert控件中默认按钮标签(button label)的例子
- Flex的树形控件(Tree Control)中如何通过点击行进行展开/缩进的例子
- Flex中如何通过设置trackSkin为null将List控件中的滚动条轨道皮肤(track skin)去除的例子
- Flex中如何通过设置backgroundAlpha风格来设定VideoDisplay控件的背景透明度(background alpha)的例子
- Flex中如何利用verticalGap风格设定LinkBar控件各项目纵向间隔(vertical spacing)的例子
- Flex的DateChooser控件中如何通过设置maxYear属性来设定允许的最大年限的例子
- Flex的滑标控件HSlider中如何通过tickThickness样式设置标尺厚度/宽度的例子
- Flex中如何通过监听collectionChange事件检测arraycollection是否改变了的例子
- Flex中如何通过borderThickness样式设置NumericStepper控件边框厚度的例子
- Flex中如何通过设置tickLength样式设定HSlider控件上一个标记号(tick)长度的例子
- Flex中如何利用getTextField事件和numLines属性,计算出TextArea控件中内容的行数的例子
- Flex中自定义Alert控件按钮(Button)样式的例子