Попытка добавить всплывающее окно к ссылке чудо-кнопки «Настройки»

Я работаю над созданием приложения для 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);
        };

    }

})();

Любые идеи о том, что мне может не хватать? Заранее спасибо.


javascript winjs windows-8
person MMM Bacon    schedule 30.05.2013    source источник
comment
Метод WinJS.UI.SettingsFlyout.showSettings() позволяет мне перемещаться между дополнительными ссылками на моей странице help/help.html, что отлично работает. Однако, когда я перехожу от help.html к quickview.html и пытаюсь вернуться на страницу help.html с помощью кнопки со стрелкой назад, требуется несколько секунд и несколько щелчков, чтобы метод сработал. m, используя этот код на моей кнопке «Назад» на странице быстрого просмотра: ‹/button› Любые идеи о том, что может быть причиной этой задержки? Спасибо!   -  person MMM Bacon    schedule 19.06.2013

Ответы (1)


arrow_upward
1
arrow_downward

Для этого 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'}">
person Sushil    schedule 31.05.2013