2013-05-30 3 views
1

Windows 8 응용 프로그램을 만드는 중이며 "도움"이라는 페이지로 이동하려면 charm 설정 내에서 링크를 만들었습니다. 이 도움말 페이지에는 플라이어 내에서 이동할 수있는 링크 목록이 있습니다. 나는 또 다른 도움의 카테고리 페이지로 사용자를하는 클릭 이벤트를 수신하는 도움말 페이지에 자바 스크립트 코드 아래를 사용하고 있습니다 : 나는 누락 될 수 있습니다 무엇에설정 매력 연결에 보조 플라이 아웃을 추가하려고합니다.

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

    } 

})(); 

어떤 아이디어? 미리 감사드립니다.

+0

WinJS.UI.SettingsFlyout.showSettings() 메소드는 나에게 훌륭한 작품을 내 도움/help.html 페이지의 서브 링크를 탐색 할 수 있습니다. 그러나 help.html에서 quickview.html로 이동하여 뒤로 화살표 버튼을 사용하여 help.html 페이지로 돌아 가려 할 때 메서드가 시작될 때까지 몇 초 및 몇 번의 클릭이 필요합니다. 내 빠른보기 페이지에서이 코드를 사용하여 뒤로 버튼 : \t \t \t \t \t \t 이 지연의 원인에 대한 아이디어가 있습니까? –

답변

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'}"> 
+0

이것은 나를 위해 일했습니다. 감사! –

관련 문제