javascript - Dojo dijit TabContainer - タブによるインライン選択

Question

2 つの異なるデータグリッドを含む TabContainer (2 つのタブ) を使用して、GUI でいくつかの作業を行っています。tabcontainer div と datagrids を html で宣言的に作成するのが最も簡単であることがわかりましたが、問題が解決する場合は変更できます。HTML Select (dijit/form/Select) を TabContainer のタブとインラインで配置できるかどうか尋ねられました。これがモックアップのスクリーンショットです。http://imgur.com/l7nQmx7 . TabContainer がどのように機能するか (div であること) を考えると、これが可能かどうかはわかりませんが、他の誰かが同様のことをしたかどうか疑問に思っていました。もしそうなら、どのように？

次のように作成されたタブコンテナ:

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

タブとインラインで他の dijit を配置する例が役立つ場合があります。