2013-08-17 2 views
3

Я разрабатывал windows store app на платформе HTML5/JAVASCRIPT и с установленным шаблоном SPLIT APP.winjs: как перейти на страницу html с помощью библиотек winjs.?

Я хочу показать страницу HTML. Если я отображался с использованием атрибута HTML Hyperlink, html-страница отображалась в полных окнах, и я не могу вернуться с этого. Единственный способ, который у меня есть, - это повторить инициализацию приложения.

Итак, я прошел через все winjs библиотек и функций здесь http://msdn.microsoft.com/en-us/library/windows/apps/hh770584.aspx

Из этой ссылки я использовал;

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

Если я использовал объяснение в этих библиотеках; f1.html не отображается в приложении, а ниже показано изображение.

enter image description here

ответ

2

Для одной странице навигации в Windows Store App для разделенного App, мы можем попытаться с кодом snipet. Здесь я добавил контроль страницы в проекте и навигация на эту страницу с помощью кнопки приложения бара click.so нам нужно добавить кнопку в панели приложения в default.html

<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> 

Затем в значении по умолчанию. JS

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

function Move() { 

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

    } 

он будет перемещаться к test.html и когда мы будем на test.html, она имеет кнопку назад, чтобы вернуться к предыдущей странице.

Смежные вопросы