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代码很简单(initSelection
在app.onactivated
部分叫):
function initSelection() {
document.getElementById("selectionButton").addEventListener("click", showFlyout, false);
}
function showFlyout() {
document.getElementById("selectionMenu").winControl.show(document.getElementById("selectionButton"), "bottom", "left");
}
这甚至可能吗?怎么样?先谢谢你。