如何在tabcontainer/dojo中導航/切換標籤頁？

這可能是一個簡單的問題，但我無法弄清楚如何才能實現它。我有以下代碼：如何在tabcontainer/dojo中導航/切換標籤頁？

<div id="tabContainer" dojoType="dijit.layout.TabContainer" region="center" tabStrip="true"> 
<div id="tab1" dojoType="dijit.layout.ContentPane" title="TITLE1" selected="true"> 
LINK TO TAB2  
</div> 
<div id="tab2" dojoType="dijit.layout.ContentPane" title="TITLE2" selected="false">  
some text 
</div>

我想要做的是從Tab1鏈接到Tab2。如果我使用下面的鏈接它不工作：

<a href="name_of_the_file.html#TITLE2">

如果我把同一鏈路上它完美另一個HTML文件。任何建議如何正確的鏈接應該是什麼樣子？非常感謝！

TTP

來源

2011-06-20 TTP

跟進問題在http：/ /stackoverflow.com/questions/6375485/linking-to-a-specific-tab-contentpane-with-dojo，這就是外部鏈接工作的原因。如果在同一頁面中，您需要檢查散列更改。謹慎接受以前的答案？ –

嗯...但它不能在同一頁面內工作，這就是爲什麼我問。你能爲此提供解決方案嗎？ – TTP

如果HTML是這樣的：

<div id="tabContainer" dojoType="dijit.layout.TabContainer"> 
<div id="tab1" dojoType="dijit.layout.ContentPane" title="TITLE1"> 
    <a href="#" id='linktosecond'>LINK TO TAB2</a> 
</div> 
<div id="tab2" dojoType="dijit.layout.ContentPane" title="TITLE2">  
    some text 
</div> 
</div>

，我們可以將onclick事件添加到超鏈接節點移動到所需的選項卡

<script> 
    dojo.ready(function() { 
    dojo.byId('linktosecond').onclick = function() { 
     dijit.byId('tabContainer').selectChild(dijit.byId('tab2')); 
    } 
    }); 

</script>

來源

2014-04-23 11:52:04

如何在tabcontainer/dojo中導航/切換標籤頁？

回答

相關問題