Programmatically removing an Alert using the PopUpManager

The following example shows how you can close an Alert control by calling the PopUpManager class’s removePopUp() method.

Full code after the jump.

View MXML

<?xml version="1.0" encoding="utf-8"?>
<!-- http://blog.flexexamples.com/2007/10/22/programmatically-removing-an-alert-using-the-popupmanager/ -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
        layout="vertical"
        verticalAlign="middle"
        backgroundColor="white">

    <mx:Script>
        <![CDATA[
            import mx.controls.Alert;
            import mx.managers.PopUpManager;

            private var alert:Alert;

            private function showAndHide(delay:Number):void {
                var alertText:String = "I'm an Alert control. I'll disappear in " + (delay / 1000).toFixed(1) + " seconds.";
                var alertTitle:String = "Timed Alert";
                alert = Alert.show(alertText, alertTitle);
                setTimeout(hideAlert, delay);
            }

            private function hideAlert():void {
                PopUpManager.removePopUp(alert);
            }
        ]]>
    </mx:Script>

    <mx:ApplicationControlBar dock="true">
        <mx:Button label="Launch alert"
                click="showAndHide(3000);" />
    </mx:ApplicationControlBar>

</mx:Application>

View source is enabled in the following example.

Tagged as: removePopUp(), setTimeout(), show()