Howto：以编程方式将AppBarCommand添加到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);
}

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

是否有可能以编程方式添加命令？

Answer 1

您不必将command元素附加到appBar元素，而是必须将命令控件添加到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);
}