HOWTO：以编程方式添加AppBarCommand到Windows Phone 8.1的应用程序

Question

我有一个使用下面的代码添加AppBarCommands一个Windows应用商店的应用程序和代码不会在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元素，您必须将命令控件添加到应用程序控件。这可以通过设置应用栏的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); 
}