Windows 8.1：WinJS：appbar 默认不会打开/显示？

Question

我正在使用 Windows 8.1 应用程序和数据输入页面，我希望 appBar 默认打开或可见，因为它包含保存数据的选项。

http://msdn.microsoft.com/en-us/library/windows/apps/br229676.aspx

我查看了上面的链接并尝试了以下方式的show方法：

标记：

<div id="appbarCommands" data-win-control="WinJS.UI.AppBar" data-win-options="{sticky: 'true'}">
    <button data-win-control="WinJS.UI.AppBarCommand"
            data-win-options="{id:'cmdSaveCustomer', icon:'save', section:'global'}"
            data-win-res="{winControl: {label:'CRM_contactHistory_appBar_SaveLabel', tooltip:'CRM_contactHisory_appBar_SaveToolTip'}}"></button>
</div>

JS代码：

(function () {
        "use strict";

    WinJS.UI.Pages.define("/pages/CRM/customerDetails/contacts/contactHistory/contactHistory.html", {

        ready: function (element, options) {

            WinJS.UI.processAll().done(function () {

                setAppBarState(document.getElementById("appbarCommands"));

            });
            WinJS.Resources.processAll()            
        }
    });
})();

function setAppBarState(appBar) {

    appBar.winControl.show();

}

无论出于何种原因，appBar 都无法启动。我已经在 appBar 示例代码中对其进行了测试，它在那里工作正常，但在实际解决方案中不起作用。

我想知道是否有人可以阐明这个问题？或者可能知道在页面加载时会阻止显示应用栏的原因？

非常感谢

克里斯

Answer 1

在 HTML 的 data-win-options 中添加 sticky 属性：

data-win-options="{ sticky: true }"

然后使用 show() 应该可以正常工作。我在 HTML Appbar 控件示例中对此进行了测试，并且成功了。

另外，您不需要在 ready 方法中调用 WinJS.UI.processAll —— processAll 会在页面控件加载时自动调用。 （WinJS.Resources.processAll 不一样，只有 UI.processAll。）

Answer 2

通过大量的混乱和价值观的改变，我得到了它的工作。事实证明，所有 appBar 都需要拥有唯一 ID，无论它们位于哪个页面上，否则一个应用栏的属性会从之前页面上的其他页面继承。

我已经浏览了应用程序并根据页面名称为 ID 命名空间，现在所有 appBar 都可以正常工作！

多么棒！