Windows Metro – Afficher une popup type « alert »

Lorsqu’une application est exécutée en environnement Metro, ce n’est pas un Internet Explorer classique qui en fait le rendu. Il y a donc de nouvelles APIs mais aussi des APIs qui disparaissent car elle ne vont plus dans ce contexte-là. Les APIs window.alert et window.confirm en font partie, notamment car ces APIs bloquent le processus de rendu de la page (la page est mise en pause), ce qui ne correspond pas au style fluide de Métro. Si vous appelez ces méthodes dans votre application, cela n’aura aucun effet.

Même s’il est rarement conseillé d’utiliser alert() dans son application web, cela est parfois utile pour le debugging.

Utilisation de la classe Windows.UI.Popups.MessageDialog

Pour afficher une pop-up de type alert ou confirm, on va utiliser une des APIs de WinJS: Windows.UI.Popups.MessageDialog. Celle-ci va vous permettre d’ouvrir des fenêtres popup et de paramétrer leur contenu.

L’objet Windows.UI.Popups.MessageDialog prend un ou deux paramètres. Le premier est le contenu de la popup (String) et le deuxième (optionnel) est le titre de la boîte de dialogue. La méthode showAsync permet ensuite d’afficher la pop-up. Voici un exemple:

var popup = new Windows.UI.Popups.MessageDialog("Contenu de la pop-up", "Titre de la pop-up");
popup.showAsync();

Ce qui donne:

Et pour confirm? Pas encore trouvé, il semble qu’il n’y ait rien dans l’API à part faire sa propre pop-up.

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *