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

Question

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

我想要在这些按钮旁边添加一个选择下拉列表，但不知道如何通过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>

- thatOneGuy

---

+50指示器已经出现在标题中，您无需自己添加。既然您已经发布了赏金，请不要再进行任何小的标题编辑以提高您的问题。 - BoltClock

Answer 1

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

这将创建一个命令，可以在其中托管其他HTML标记，包括文本、标签，甚至是WinJS控件的子集。只有

元素可以托管内容命令。

更新：

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

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

完成后，您可以将select下拉列表或任何其他控件添加到该div中，然后它应该出现在工具栏中。在上述jsfiddle链接中，我已经在div中硬编码了select标记。

- Vivek Athalye

---

能否展示一个这个工作的例子？我已经成功地在“类型”中添加了“内容”，并且在我的工具栏上有一个空间，但显然因为我没有附加任何内容，所以什么都没有显示出来。你知道如何通过JS创建选择下拉菜单（因为我需要动态地进行操作，依赖于输入的数据），并将其附加到这个内容标签上吗？ - thatOneGuy