可以通过 Javascript 将 select 下拉列表添加到我的 winJS 工具栏吗？

Question

我在我的 windows 应用程序中创建了一个工具栏，其中包含一些按钮。

我想要的是这些按钮旁边的 select 下拉列表，但不知道如何创建它或通过 Javascript 将其附加到工具栏（因为列表的元素会根据在我使用的数据集上）。

我是这样创建工具栏的：

//JS

var viewsDataArray = [
    new WinJS.UI.Command(null, { id: 'cmdDelete', label: 'delete', section: 'primary', type: 'button', icon: 'delete', tooltip: 'View 1', onclick: clickbuttonprintout() }),
    new WinJS.UI.Command(null, { id: 'cmdFavorite', label: 'favorite', section: 'primary', type: 'toggle', icon: 'favorite', tooltip: 'View 2', onclick: clickbuttonprintout() }),
                            ];


window.createImperativeToolBar2 = function () {
         var tb = new WinJS.UI.ToolBar(document.querySelector("#toolbarContainer2"), {
                    data: new WinJS.Binding.List(viewsDataArray)
                });
            }

createImperativeToolBar2();

//html 

<div id="toolbarContainer2" style="direction: rtl" ></div>

Answer 1

尝试使用 "content" 命令类型。根据文档 @ https://msdn.microsoft.com/en-in/library/windows/apps/dn904220.aspx 它应该支持 <input> 标签。

This creates an Command that can host other HTML markup inside of it, including text, <input> tags, and even a subset of WinJS controls. Only a <div> element can host a content Command.

更新

https://jsfiddle.net/vnathalye/yg0rs4xc/

您需要创建一个 <div> 标签并将其作为第一个参数传递给 new WinJS.UI.Command。

完成后，您可以向 div 添加 select 下拉菜单或任何其他控件，它们应该会出现在工具栏中。在上面的 jsfiddle link 中，我在 div.

中硬编码了 select 标签

可以通过 Javascript 将 select 下拉列表添加到我的 winJS 工具栏吗？

Can a select drop down list be added to my winJS toolbar via Javascript?

javascript

visual-studio

windows-applications

winjs

win-universal-app