dojo - ¿Cómo especifico la pestaña seleccionada con dijit.layout.TabContainer?

Question

• ¿Cómo se especifica la pestaña seleccionada al inicio?
• ¿Cómo selecciona las pestañas mediante programación?

Answer 1

Puede especificar la pestaña para mostrar al inicio con el atributo seleccionado .

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

Después del inicio de TabContainer, puede usar selectChild con el id o la referencia al widget. Tenga en cuenta que al llamar a SelectChild antes del inicio de TabContainer se produce un error.

Answer 2

HTML - Use el atributo seleccionado .

<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: use el método selectChild en el widget TabContainer.

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

Puede encontrar más ejemplos aquí: TabContainer Demo

¡¡¡ADVERTENCIA!!! Esta demostración es de construcción nocturna. No todas las características están incluidas en la versión 1.3.2.