dojo - 選択したタブをdijit.layout.TabContainerで指定するにはどうすればよいですか？

Question

• 起動時に選択したタブをどのように指定しますか？
• プログラムでタブをどのように選択しますか？

Answer 1

HTML -選択した属性を使用します。

<div id="tabContainer" dojoType="dijit.layout.TabContainer" 
     tabStrip="true" style="width: 100%; height: 20em;">
    <div id="tab1" dojoType="dijit.layout.ContentPane" title="Tab 1">Tab 1</div>
    <div id="tab2" dojoType="dijit.layout.ContentPane" title="Tab 2"
         selected="true">Selected tab 2</div>
</div>

JavaScript - TabContainer ウィジェットでselectChildメソッドを使用します。

var cp = new dijit.layout.ContentPane({
                     title: 'Tab title',                       
                     content: 'Selected tab...'
                  });
var tc = dijit.byId("tabContainer");
tc.addChild(cp);
tc.selectChild(cp);

ここでさらに例を見つけることができます: TabContainer Demo

警告！！！このデモはナイトリー ビルドのものです。すべての機能が 1.3.2 バージョンに含まれているわけではありません。

Answer 2

選択した属性 を使用して、起動時に表示するタブを指定できます。

new dijit.layout.ContentPane({title: "My Tab Title",
content: dojo.byId("MyContent"),selected:true});

TabContainerの起動後、selectChildをIDまたはウィジェットへの参照とともに使用できます。TabContainerの起動前にselectChildを呼び出すと、エラーが発生することに注意してください。