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> 

Answer 1

は"content"コマンドタイプを使用してみてください。ドキュメントに従って@https://msdn.microsoft.com/en-in/library/windows/apps/dn904220.aspx は<input>タグをサポートするはずです。

これは、テキスト、<入力>タグ、およびWinJSコントロールのさえサブセットを含めて、その中に他のHTMLマークアップをホストすることができ、コマンドを作成します。 <div>要素だけがcontentコマンドをホストできます。

UPDATE

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

あなたは<div>タグを作成して、new WinJS.UI.Commandに最初のパラメータとして渡す必要があります。

これが完了すると、selectドロップダウンや他のコントロールをdivに追加することができ、それがツールバーに表示されます。上記のjsfiddleリンクでは、divのselectタグをハードコードしました。