winjs : winjs 라이브러리를 사용하여 HTML 페이지를 탐색하는 방법.

Question

HTML5/JAVASCRIPT 플랫폼에서 windows store app을 개발 중이며 SPLIT APP 템플릿을 설치했습니다.

HTML 페이지를 표시하고 싶습니다. HTML Hyperlink 속성을 사용하여 표시하면 html 페이지가 전체 창에 표시되고 그 페이지로 돌아갈 수 없습니다. 내가 가진 유일한 방법은 응용 프로그램을 다시 초기화해야합니다.

그래서, 여기에 내가 사용되는 링크에서 http://msdn.microsoft.com/en-us/library/windows/apps/hh770584.aspx

에서 모든 winjs 라이브러리와 그 기능을 갔다;

var hello = WinJS.UI.Pages.get('/def/f1.html'); 

나는이 라이브러리에서 설명한대로 사용합니다. f1.html은 앱에 표시되지 않고 대신 이미지가 표시됩니다. 분할 앱에 대한 윈도우 스토어 앱에 단일 페이지 탐색을위한

Answer 1

, 우리는 다음과 같은 코드 snipet로 시도 할 수 있습니다. 여기 내가 프로젝트에서 페이지 제어를 추가하고 우리는 기본적으로 다음

<div id="appbar" data-win-control="WinJS.UI.AppBar"> 
     <button data-win-control="WinJS.UI.AppBarCommand" data-win-options="{id:'cmd', label:'Command', icon:'placeholder'}" type="button"></button> 
      <button 
      data-win-control="WinJS.UI.AppBarCommand" 
      data-win-options="{id:'cmdMove',label:'Remove',icon:'delete', 
       section:'global',tooltip:'move item'}"> 
     </button> 
    </div> 

default.html을

에서 응용 프로그램 표시 줄에 버튼을 추가 할 필요가 click.so 응용 프로그램 표시 줄 단추에서이 페이지로 이동했다. js

document.getElementById("cmdMove") 
       .addEventListener("click", Move, false); 

function Move() { 

     WinJS.Navigation.navigate("/pages/test.html"); 

    } 

test.html로 이동하고 test.html에있을 때 이전 페이지로 돌아가려면 뒤로 버튼이 있습니다.