Как я могу перемещаться / переключаться между вкладками в tabcontainer / dojo? - PullRequest
Новая
       23

Как я могу перемещаться / переключаться между вкладками в tabcontainer / dojo?

0 голосов
/ 21 июня 2011

Вероятно, это простой вопрос, но я не могу понять, как я мог это реализовать. У меня есть следующий код: 

<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

1 Ответ

0 голосов
/ 23 апреля 2014

Если 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>
...