显示命令# 39;标签在AppBar与更多按钮

Show commands' labels in AppBar with More button

本文关键字：AppBar 按钮 标签 命令 显示      更新时间：2023-09-26

我在我的WinJS UWP应用程序中创建了一个AppBar 

<div data-win-control="WinJS.UI.AppBar" id="appBar" data-win-options="{ closedDisplayMode : 'compact', placement:'bottom'}">
    <button data-win-control="WinJS.UI.AppBarCommand"
            data-win-options="{id:'flyoutButton',
        type:'flyout',
        label:'Třída',
        icon:'otheruser',
        flyout:select('#classFlyout')}"></button>
    <button data-win-control="WinJS.UI.AppBarCommand"
            data-win-options="{id:'flyoutButton',
        type:'flyout',
        label:'Schovávání hodin',
        icon:'calendarday',
        flyout:select('#hidingFlyout')}"></button>
    <button data-win-control="WinJS.UI.AppBarCommand" data-win-options="{id:'moreButton',label:'More',icon:'more',section:'primary',tooltip:'Show more'}"></button>
</div>

它有两个弹出框和一个按钮。当我点击按钮时，我希望其他命令的标签是可见的——就像在Win10天气应用程序中一样。

我试着创建一个函数，这将改变appbar的closedDisplayMode为'full'。

WinJS.UI.processAll().done(function () {
    appBar = document.getElementById("appBar");
});
function addListeners() {
    document.getElementById("moreButton").addEventListener("click", openCloseAppbar, false);
}
function openCloseAppbar() {
    appBar.closedDisplayMode = 'full';
}

然而，这不起作用。还有其他我没注意到的方法吗?(因为出于某种原因，我找不到任何相关文档。)还是我做错了?

正确的做法显然是:

appBar.winControl.closedDisplayMode = "full";

(强调 .winControl .)

相关文章：