/ / UWP / WinJS:ポップアップウィンドウにHTMLページを表示する - win-universal-app、winjs

UWP / WinJS:ポップアップウィンドウにHTMLページを表示する - win-universal-app、winjs

私は、JavaScriptベースのUWPアプリケーションに取り組んでいます。今、私は、ポップアップウィンドウに(URL付きの)HTMLページを動的に表示する必要があります。 私はいくつかの検索をしました。 ContentDialog 私はおそらく使用することができます:

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

私はそれのためのJavaScriptのサンプルコードを見つけることができません。私は "要素"として何を渡すべきか、ContentDialogにHTMLをどのように置くべきかを理解できませんでした。 助けを前にありがとう。

回答:

回答№1は1

WinJSのプレイグラウンドに、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://stackoverflow.com";
dialog.element.querySelector(".win-contentdialog-content").appendChild(webview);
dialog.show();