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

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

本文关键字：工具栏 winJS 我的 Javascript 选择 下拉列表 添加 可以通过      更新时间：2023-09-26

我在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>

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

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

元素可以托管内容命令。

更新

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

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

完成后，您可以向该div添加select下拉列表或任何其他控件，这些控件应显示在工具栏中。在上面的 jsfiddle 链接中，我已经在div中硬编码了select标签。

相关文章：