javascript - 如何 : Programmatically add AppBarCommand to Windows Phone 8. 1 应用程序

Question

我有一个 Windows 应用商店应用，它使用以下代码添加 AppBarCommands并且该代码不适用于 Windows Phone 8.1

function showBars() {
    var appBar = document.createElement('div');
    var command = document.createElement('button');

    new WinJS.UI.AppBar(appBar);
    new WinJS.UI.AppBarCommand(command, { label: 'Hello', icon: 'add' });

    appBar.appendChild(command);

    document.body.appendChild(appBar);
}

我还创建了最简单的Universal app它显示了该代码如何在 Windows 应用商店应用程序上正常工作，而它在 Windows Phone 应用程序上不显示任何命令。

甚至可以通过编程方式添加命令吗？

Answer 1

不是将 command 元素附加到 appBar 元素，而是必须将命令控件添加到 appbar 控件。这可以通过设置应用栏的 commands 属性来完成。

像这样:

function showBars() {
    var appBar = document.createElement('div');
    var command = document.createElement('button');

    var commandObject = new WinJS.UI.AppBarCommand(command, { label: 'Hello', icon: 'add' });

    new WinJS.UI.AppBar(appBar, { commands: [commandObject] });

    document.body.appendChild(appBar);
}