javascript - ポップアップ メニュー onclick BottomBar ボタン Windows 8 Metro アプリ

Question

Windows 8アプリでボトムバーボタンをクリックするとポップアップメニューが必要になり、ユーザーが複数のオプションを選択できるようにポップアップメニューを複数選択する必要があり、それに基づいてメイン画面を更新する必要があります。Html と JavaScript を使用してこれを実装する必要があります。

ありがとう。

Answer 1

より良いオプションは、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 オブジェクト

サンプルアプリ：アプリ設定サンプル

Answer 2

最も簡単なオプションは、おそらくボタンFlyoutからコントロールを表示することです。AppBarFlyout を使用すると、(ガイドライン内で)必要なフォームを作成ListViewできますが、複数選択が有効になっているようなものが探している場合があります。

開始するには、 HTML Flyout サンプルを参照してください(シナリオ 6 は、AppBar からの Flyout を示しています)。