Come specificare la scheda selezionata con dijit.layout.TabContainer?

Question

• Come si specifica la scheda selezionata all'avvio?
• Come si selezionano le schede a livello di programmazione?

Answer 1

È possibile specificare la scheda da visualizzare all'avvio con l'attributo selezionato.

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

Dopo l'avvio TabContainer, è possibile utilizzare selectChild con l'id o il riferimento al widget. Si noti che chiamare selectChild prima dell'avvio di TabContainer genera un errore.

Answer 2

HTML: utilizzare l'attributo selezionato.

<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 - Uso selectChild metodo su widget di TabContainer.

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

Puoi trovare altri esempi qui: TabContainer Demo

ATTENZIONE !!! Questa demo proviene dalla compilazione notturna. Non tutte le funzionalità sono incluse nella versione 1.3.2.