Question

我想在Windows 8应用程序中单击底部栏按钮后有一个弹出菜单，弹出菜单需要是多选，这样用户可以选择多个选项并根据我需要刷新主菜单屏幕。我需要使用Html和JavaScript来实现它。

感谢。

Answer 1

最简单的选项可能是从Flyout按钮显示AppBar控件。 Flyout将允许您撰写所需的表单（在guidelines内），但是具有多个选择启用的ListView之类的内容可能就是您正在寻找的内容。

请参阅HTML Flyout Sample开始使用（方案6显示了AppBar中的弹出窗口）。

Answer 2

更好的选择是使用SettingsFlyout

<div data-win-control="WinJS.UI.SettingsFlyout" 
         aria-label="App Settings Flyout" 
         data-win-options="{settingsCommandId:'defaults',width:'wide'}">

制作自定义html布局，然后在按钮点击事件

上调用它

WinJS.UI.SettingsFlyout.showSettings(ID,Path );

你会在这里找到参考资料： WinJS.UI.SettingsFlyout object

示例应用程序：App settings sample

弹出菜单onclick BottomBar按钮Windows 8 Metro App

2 个答案: