如何在我的 WinJS 工具栏上显示标签?
How to show labels on my WinJS toolbar?
我已经创建了一个工具栏并强制性地向其附加了按钮(通过 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 ();
自己设法解决了这个问题。
要显示某个工具栏上的所有标签,select 工具栏并将 closedDisplayMode 设置为完整。
var toolbar1 = document.querySelector('#toolbar1');
toolbar1.winControl.closedDisplayMode = 'full';
文档:https://msdn.microsoft.com/en-us/library/windows/apps/dn996562.aspx
我已经创建了一个工具栏并强制性地向其附加了按钮(通过 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 ();
自己设法解决了这个问题。
要显示某个工具栏上的所有标签,select 工具栏并将 closedDisplayMode 设置为完整。
var toolbar1 = document.querySelector('#toolbar1');
toolbar1.winControl.closedDisplayMode = 'full';
文档:https://msdn.microsoft.com/en-us/library/windows/apps/dn996562.aspx