Dojo dijit TabContainer - встроенный выбор с вкладками

Question

Я занимаюсь графическим интерфейсом с помощью TabContainer (2 вкладки), содержащего два разных набора данных. Мне было проще всего просто создать divs tabcontainer и datagrids декларативно в html, но я мог бы изменить это, если это поможет моей проблеме. Меня спросили, могу ли я установить HTML Select (dijit/form/Select) с вкладками TabContainer. Вот скриншот макета. http://imgur.com/l7nQmx7. Я не уверен, что это возможно, учитывая, как работает TabContainer (будучи div), но задавался вопросом, сделал ли кто-нибудь что-либо подобное. Если да, то как?

TabContainer создал так:

<div data-dojo-type="dijit.layout.TabContainer" style="width:964px; height: 450px;"> 
    <div data-dojo-type="dijit.layout.ContentPane" title="Tasks" data-dojo-props="selected:true">    
     <table id="myDataGrid" dojoType="dojox.grid.DataGrid" style="width:964px; height: 420px; "> 
      <thead> 
       <tr> 
        <th field="field1" width="10%">one of many fields for datagrid</th> 
       </tr> 
      </thead> 
     </table> 
    </div> 
    <div data-dojo-type="dijit.layout.ContentPane" title="Workers"> 
     Placeholder... 
    </div> 
</div> 

Любые примеры размещения других dijits рядный с вкладками может быть полезным.

Answer 1

Я никогда не пробовал это раньше, но я думаю, что это сработает.

1) поместить в заголовок вкладки контейнера у вас есть <div id='Selectid'></div>

2) использовать программный способ создания выбора формы:

require(["dijit/form/Select", "dojo/_base/window", "dojo/domReady!"], function(Select, win){ 
    new Select({ 
     name: "select2", 
     options: [ 
      { label: "TN", value: "Tennessee" }, 
      { label: "VA", value: "Virginia", selected: true }, 
      { label: "WA", value: "Washington" }, 
      { label: "FL", value: "Florida" }, 
      { label: "CA", value: "California" } 
     ] 
    }).placeAt('Selectid'); 
}); 

Это должно работать нормально, просто убедитесь, заголовок вкладки является рендеринг div с идентификатором правильно.