0

我试图在应用程序栏中有一个登录按钮,一旦我点击它,就会出现一个登录(弹出)。我试过了:html:

<!-- APPBAR -->
<div id="appbar" data-win-control="WinJS.UI.AppBar" data-win-options="{layout:'custom',placement:'top'}">
    <button data-win-control="WinJS.UI.AppBarCommand" data-win-options="{id:'cmdLog', label:'Login/Logout', icon:'placeholder',section:'global',flyout:select('#loginFlyout')}" type="button"></button>
</div>
<!-- APPBAR FLYOUT -->
<div id="loginFlyout" data-win-control="WinJS.UI.Menu">
    <form id='register' method='post'
        accept-charset='UTF-8'>
        <fieldset>
            <legend>Login</legend>
            <label for='username'>UserName:</label>
            <input type='text' name='username' id='username' maxlength="50" />
            <label for='password'>Password:</label>
            <input type='password' name='password' id='password' maxlength="21" />
            <input type='button' name='Submit' onclick="logincheck()" value='Submit' />
        </fieldset>
    </form>
</div>

我得到了这个: JavaScript 运行时错误:WinJS.UI._Overlay.MustContainCommands:无效的 HTML:AppBars/Menus 必须只包含 AppBarCommands/MenuCommands
我猜我不能<form .../>在其中。有解决方法吗?或任何建议,非常感谢。

4

1 回答 1

0

我忘记了 WinJS.UI.Menu 的样子,但您是否考虑过使用 SettingsFlyout 或创建自己的 ModalDialog?

于 2012-11-23T17:48:11.383 回答