3

windows store appのプラットフォームで のHTML5/JAVASCRIPTテンプレートをインストールして開発していましたSPLIT APP

ページを表示したい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 はアプリに表示されず、代わりに以下の画像が表示されます。

ここに画像の説明を入力

4

1 に答える 1

2

分割アプリ用の Windows ストア アプリでの単一ページ ナビゲーションの場合、次のコード スニペットを試すことができます。ここでは、プロジェクトにページ コントロールを追加し、アプリ バー ボタンのクリックからこのページに移動します。したがって、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>

次にdefault.jsで

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

 function Move() {

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

    }

test.html に移動し、test.html に移動すると、前のページに戻るための戻るボタンがあります。

于 2013-09-04T10:13:53.123 に答える