2011-06-20 7 views
0

これはおそらく単純な疑問ですが、私はそれをどのように実現できるのか分かりません。私は次のコードを持っています: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

+0

を移動するには、ハイパーリンクのノードへのonclickイベントを追加することができます/ /stackoverflow.com/questions/6375485/linking-to-a-specific-tab-contentpane-with-dojo、それが外部リンクが機能する理由です。同じページにある場合は、ハッシュ変更をチェックする必要があります。以前の回答を受け入れるように気をつけますか? –

+0

Hmmm ...しかし、同じページ内ではうまくいかないので、私は尋ねました。このためのソリューションを提供できますか? – TTP

答えて

0

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> 

我々は、http上の質問をフォローアップ目的のタブに

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

</script> 
関連する問題