Apache Adobe Flex TutorialTutoriaux Adobe Flex & AIR en Français

Flex PopUp – Ouvrir une PopUp avec la classe Alert

Il y a deux types de Pop-Up que vous pouvez utiliser dans des applications Flex: des Alert et de fenêtres personnalisées. Les Alert sont similaires aux popup qui apparaissent en HTML quand vous appelez la fonction JavaScript alert(). Elles affichent des messages textuels à l'utilisateur dans une fenêtre modale ou non. Une fenêtre est dite modale si elle empêche d'utiliser l'application, elle rajoute alors une sorte de voile sur l'application Flex. Cependant, les Alert Flex sont plus sophistiquées que les alert HTML. La création de fenêtres personnalisées quant à elle peut vous permettre d'afficher du contenu plus complexe (une DataGrid par exemple).

Les Alert Flex sont des instances de la classe mx.controls.Alert. Contrairement à la plupart des composants Flex, elles ne peuvent pas être créées en utilisant du MXML. Vous devez utiliser la méthode static show() de la classe Alert. La méthode show() requiert au moins un paramètre, une chaîne spécifiant le message à afficher. La méthode show() retourne une instance d'Alert que vous pouvez utiliser pour manipuler si besoin est. Le deuxième paramètre quant à lui sert à afficher un texte dans la barre de titre, il n'est pas obligatoire

L'exemple suivant affiche une Alert avec un message et un texte de title bar et un bouton OK (par défaut) quand l'utilisateur clique sur un bouton:

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

    <mx:Script>
        <![CDATA[
            import mx.controls.Alert;
			// fonction affichant une boîte de dialogue simple
            private function clickHandler(event:Event):void {
                Alert.show("Texte dans une Alert", "Header de la boîte de dialogue");
            }
        ]]>
    </mx:Script>

      <mx:Button label="Afficher une Alert" click="clickHandler(event);"/>

</mx:Application>

Flex Source Code Download: Télécharger le code source complet de l'application

Comme je l'ai dit plus haut, le comportement par défaut d'une Alert est d'affiche un bouton OK. Cependant, les Alert peuvent afficher un à 4 boutons, dont: OK, Cancel, Yes et No. Vous pouvez contrôler quels boutons sont affichés en spécifiant la valeur du troisième paramètre en utilisant les constantes Alert.OK, Alert.CANCEL, Alert.YES et Alert.NO.

L'exemple suivant affiche un bouton Cancel plutôt que le bouton OK par défaut:

Alert.show("Texte dans une Alert", "Header de la boîte de dialogue", Alert.CANCEL);

Si vous voulez utiliser plusieurs boutons, vous pouvez combiner les constantes avec l'opérateur OR (|). Cet exemple affiche un bouton OK et un bouton Cancel:

Alert.show("Texte dans une Alert", "Header de la boîte de dialogue", Alert.OK | Alert.CANCEL);

Le prochain paramètre facultatif permet de spécifier le conteneur parent d'une Alert. Cela va déterminer quelle partie de l'application sera affectée par une fenêtre modale ainsi que le centrage de la fenêtre. Par défaut, c'est le conteneur application qui est utilisé. Dans la plupart des cas, c'est le parent approprié.