winjsでsplitviewメニューを作る方法

Question

私はjavascriptで普遍的なアプリケーションを作ろうとしています。私はmsdnのWebサイトでサンプルを試しましたが、splitviewを開くと "nav-commands"クラスが表示されません。私はclosedDisplayMode = 'none'を使用します。

<div id="app"> 
    <div class="header"> 
     <button class="win-splitviewpanetoggle" 
       data-win-control="WinJS.UI.SplitViewPaneToggle" 
       data-win-options="{ splitView: select('.splitView') }"></button> 

    </div> 
    <div class="splitView" data-win-control="WinJS.UI.SplitView" 
     data-win-options="{ closedDisplayMode :'none' , openedDisplayMode : 'inline'}"> 
     <!-- Pane area --> 
     <div><div class="header"> 
       <div class="nav-commands"> 
        <div data-win-control="WinJS.UI.SplitViewCommand" data-win-options="{ label: 'Home', icon: 'home'}"></div> 
        <div data-win-control="WinJS.UI.SplitViewCommand" data-win-options="{ label: 'Favorite', icon: 'favorite'}"></div> 
        <div data-win-control="WinJS.UI.SplitViewCommand" data-win-options="{ label: 'Settings', icon: 'settings'}"></div> 

       </div> </div> 

 <!-- Content area --> 
     <div class="contenttext" id="clock"> </div> 
    </div> 
</div> 

私はhttp://try.buildwinjs.com/playground/から見つかったこのコードを使用しています。 しかし、アプリケーションを使用するとnac-commandsは表示されず、splitviewペインが表示されます。

Answer 1

VSでWinJSプロジェクトテンプレートを使用しているとします。 VSの最新のWinJSプロジェクトテンプレートは、WinJS 4.0.1を使用します。そのバージョンでは、WinJS.UI.SplitViewCommandコントロールはありません。

[NavBarCommandは、JavaScript（WinJS）4.2のWindowsライブラリとしては使用できません。代わりに、SplitViewCommandを使用します。 ]

WinJS.UI.NavBarCommandを参照してください。

代わりにWinJS.UI.NavBarCommandを使用できます。

または、最新のWinJSはhereからダウンロードできます。プロジェクト内のWinJSライブラリを置き換え、<script>と<link>タグを編集して、index.htmlファイルの新しいライブラリを参照します。