UWP/WinJS: affiche une page html dans une fenêtre pop-up

Question

Je travaille sur une application UWP basée sur JavaScript. Maintenant, j'ai besoin de montrer dynamiquement une page html (avec une URL) dans une fenêtre pop-up. Je l'ai fait une recherche, il y a un ContentDialog je peux probablement utiliser:

var object = new WinJS.UI.ContentDialog(element, options); 

, mais je ne peux pas trouver un exemple de code JavaScript pour elle. Je ne pouvais pas comprendre ce que je devrais passer en tant que "élément" et comment j'ai mis le code HTML dans ContentDialog. Merci d'avance pour toute aide.

Answer 1

Le terrain de jeu WinJS vous montre comment utiliser la ContentDialog: http://winjs.azurewebsites.net/#contentdialog

Le element vous passez est l'élément Html que vous voulez lancer comme la boîte de dialogue.

<div id="myDialog">I am the going to be the dialog content.</div> 

var element = document.getElementById('myDialog'); 
var options = { 
     title: 'Main instruction', 
     primaryCommandText: 'Ok', 
     secondaryCommandText: 'Cancel' 
    }; 
var dialog = new WinJS.UI.ContentDialog(element, options); 

Si vous souhaitez définir le contenu dynamique de dialogue, vous pouvez le faire avec

var webview = document.createElement('x-ms-webview'); 
webview.src = 'http://stackoverflow.com'; 
dialog.element.querySelector('.win-contentdialog-content').appendChild(webview); 
dialog.show();