Question

我正在创建一个Windows 8应用程序，我在设置超级按钮中创建了一个链接，转到名为“帮助”的页面。在此帮助页面上，我有一个链接列表，我希望能够在弹出窗口中导航到这些链接。我在帮助页面上使用以下javascript代码来监听将用户发送到另一个帮助类别页面的点击事件：

(function () {
    "use strict";
    var page = WinJS.UI.Pages.define("/pages/help/help.html", {
        ready: function (element, options) {
            document.getElementById("quickViewButton").addEventListener("click", gotoQuickView, false);
}
    });

    function gotoQuickView() {
        WinJS.Application.onsettings = function (e) {
            e.detail.applicationcommands = {
                "divQView": { title: "QuickView", href: "/pages/help/quickview.html" }
            };
            WinJS.UI.SettingsFlyout.populateSettings(e);
        };

    }

})();

关于我可能遗失的任何想法？提前谢谢。

Answer 1

为此，可以使用WinJS.UI.SettingsFlyout.showSettings()。

示例：

(function () {
  "use strict";
  var page = WinJS.UI.Pages.define("/pages/help/help.html", {
    ready: function (element, options) {
        document.getElementById("quickViewButton").addEventListener(
                "click", gotoQuickView, false);
    }
  });

  function gotoQuickView() {
    // need to ensure that settingFlyoutId in the quickview.html page 
    // is same as the first parameter below
    WinJS.UI.SettingsFlyout.showSettings('quickview', 
      '/pages/help/quickview.html');
  }
})();

<div data-win-control="WinJS.UI.SettingsFlyout" 
     data-win-options="{settingsCommandId:'quickview'}">

尝试将子弹出按钮添加到“设置超级链接”

1 个答案: