UWP/WinJS：在弹出窗口中显示 html 页面 window

Question

我正在开发基于 JavaScript 的 UWP 应用程序。现在我需要在弹出窗口 window 中动态显示 html 页面（带有 url）。我做了一些搜索，有一个 ContentDialog 我可能可以使用：

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

但我找不到它的任何 JavaScript 示例代码。我无法弄清楚我应该将什么作为 "element" 传递以及如何将 html 放入 ContentDialog 中。在此先感谢您的帮助。

Answer 1

WinJS playground 向您展示了如何使用 ContentDialog：http://winjs.azurewebsites.net/#contentdialog

您传递的 element 是您要作为对话启动的 Html 元素。

<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);

如果您想动态设置对话框内容，您可以使用

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

UWP/WinJS：在弹出窗口中显示 html 页面 window

UWP/WinJS: show a html page in a pop-up window

winjs

win-universal-app