Можно ли добавить раскрывающийся список выбора на мою панель инструментов winJS через Javascript?

Я создал панель инструментов в своем приложении 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>

Ответ 1

Попробуйте использовать тип команды "content". Согласно документации @https://msdn.microsoft.com/en-in/library/windows/apps/dn904220.aspx он должен поддерживать тег <input>.

Это создает команду, которая может размещать внутри нее другую разметку HTML, включая текст, <input> теги и даже подмножество элементов управления WinJS. Только <div> элемент может содержать команду содержимого.

UPDATE

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

Вам нужно создать тег <div> и передать его как первый параметр в new WinJS.UI.Command.

После этого вы можете добавить drop select или любой другой элемент управления к этому div и появиться на панели инструментов. В приведенной выше ссылке jsfiddle я жестко закодировал тег select в div.