2016-06-06 10 views
0

我有一个非常简单的应用程序。我开始使用VS2015中的WinJS App(通用Windows)模板。我有一个拆分视图,在拆分视图内容部分中,我有一个菜单。点击控制按钮时会出现菜单,但没有任何选项可供选择。如何将WinJS.UI.Menu放入win-splitview-content部分中?

<div data-win-control="WinJS.UI.SplitView" data-win-options="{closedDisplayMode: 'overlay',panePlacement:'left'}"> 
    <div class="win-splitview-pane"> 
    </div> 
    <div class="win-splitview-content"> 
     <button id="selectionButton">Selection</button> 
     <div id="selectionMenu" data-win-control="WinJS.UI.Menu"> 
      <button data-win-options="{label:'Forward',type:'toggle'}" data-win-control="WinJS.UI.MenuCommand"></button> 
      <button data-win-options="{label:'Reply',type:'toggle'}" data-win-control="WinJS.UI.MenuCommand"></button> 
      <button data-win-options="{label:'Reply All',type:'toggle'}" data-win-control="WinJS.UI.MenuCommand"></button> 
     </div> 
    </div> 
</div> 

的JavaScript代码很简单(initSelectionapp.onactivated部分叫):

function initSelection() { 
    document.getElementById("selectionButton").addEventListener("click", showFlyout, false); 
} 
function showFlyout() { 
    document.getElementById("selectionMenu").winControl.show(document.getElementById("selectionButton"), "bottom", "left"); 
} 

这甚至可能吗?怎么样?先谢谢你。

回答

0

看起来你必须把选择菜单拆分视图内容部分是这样的外:

<div data-win-control="WinJS.UI.SplitView" data-win-options="{closedDisplayMode: 'overlay',panePlacement:'left'}"> 
    <div class="win-splitview-pane"> 
    </div> 
    <div class="win-splitview-content"> 
     <button id="selectionButton">Selection</button> 

    </div> 
</div> 
<div class="win-interactive" id="selectionMenu" data-win-control="WinJS.UI.Menu"> 
    <button class="win-interactive" data-win-options="{label:'Forward'}" data-win-control="WinJS.UI.MenuCommand"></button> 
    <button class="win-interactive" data-win-options="{label:'Reply'}" data-win-control="WinJS.UI.MenuCommand"></button> 
    <button class="win-interactive" data-win-options="{label:'Reply All'}" data-win-control="WinJS.UI.MenuCommand"></button> 
</div> 

这是从WinJS队推荐:https://github.com/winjs/winjs/issues/1553#issuecomment-159416488

一旦你做到这一点”我会工作。

相关问题