html添加工具栏,添加带有命令的工具栏 (HTML)

添加带有命令的工具栏 (HTML)

03/04/2016

本文内容

[ 本文适用于编写 Windows 运行时应用的 Windows 8.x 和 Windows Phone 8.x 开发人员。如果你要针对 Windows 10 进行开发，请参阅 最新文档 ]

ToolBar 是一个简单的控件，用于解决命令扩展问题。它具有一个 action area，其中的命令可以立即使用；还具有一个 overflow area，其中的命令处于隐藏状态，但可以根据最终用户发出的请求进行显示。该控件通过在空间受限时，允许命令以动态方式从主要区域移动到辅助区域，从而支持自适应行为。 ToolBar 不限于某个应用中的单个位置，而可以位于如 Splitview、Flyout 等多个位置中以及 canvas 上。

注意  可以在尝试 WinJS 网站上查看以下编码方案的详细信息。

创建带有以声明方式添加的命令的工具栏

可以以声明方式将命令添加到工具栏。在此方案中，工具栏具有四个主要命令和两个辅助命令。

WinJS.Namespace.define("Sample", {

outputCommand: WinJS.UI.eventHandler(function (ev) {

var status = document.querySelector(".status");

var command = ev.currentTarget;

if (command.winControl) {

var label = command.winControl.label || command.winControl.icon || "button";

var section = command.winControl.section || "";

var msg = section + " command " + label + " was pressed";

status.textContent = msg;

}

})

});

WinJS.UI.processAll();

指定命令的分组和退出顺序

开发人员可以针对不遵循可见的从右到左顺序的溢出区域指定命令的