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控件。这可以通过设置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);
}

如何：以编程方式将AppBar命令添加到Windows Phone 8.1应用程序

1 个答案: