如何在我的WinJS工具栏上显示标签

How to show labels on my WinJS toolbar?

本文关键字：显示 标签 工具栏 WinJS 我的      更新时间：2023-09-26

我创建了一个工具栏，并强制性地（通过JavaScript）为其添加了按钮。

按钮显示良好，但标签不显示。我一定错过了一些非常简单的事情，我该如何让他们永久出现？

HTML:

<div id="toolbarContainer1" style="direction: rtl"></div>

JavaScript:

var dataArray = [
    new WinJS.UI.Command(null, { id: 'cmdPin', label: 'pin', section: 'primary', type: 'button', icon: 'pin', onclick: clickbuttonprintout() }),
    new WinJS.UI.Command(null, { id: 'cmdFullscreen', label: 'full screen', section: 'primary', type: 'button', icon: 'fullscreen', onclick: clickbuttonprintout() })
];
window.createImperativeToolBar = function () {
    var tb = new WinJS.UI.ToolBar(document.querySelector("#toolbarContainer1"), {
        data: new WinJS.Binding.List(dataArray)
    });
}
createImperativeToolBar ();

我自己设法解决了这个问题。

要显示某个工具栏上的所有标签，请选择该工具栏并将closedDisplayMode设置为full。

var toolbar1 = document.querySelector('#toolbar1');
                toolbar1.winControl.closedDisplayMode = 'full';

文档：https://msdn.microsoft.com/en-us/library/windows/apps/dn996562.aspx

相关文章：