Как указать выбранную вкладку с помощью dijit.layout.TabContainer? - PullRequest
Новая
       15

Как указать выбранную вкладку с помощью dijit.layout.TabContainer?

6 голосов
/ 24 июня 2009
  • Как указать выбранную вкладку при запуске?
  • Как программно выбирать вкладки?

Ответы [ 2 ]

8 голосов
/ 12 августа 2009

HTML - использовать атрибут selected . 

<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 - Используйте метод selectChild в виджете TabContainer. 

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

Вы можете найти больше примеров здесь: Демонстрация TabContainer

ВНИМАНИЕ !!! Это демо из ночной сборки. Не все функции включены в версию 1.3.2.

2 голосов
/ 24 июня 2009

Вы можете указать вкладку для отображения при запуске с атрибутом selected . 

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

После запуска TabContainer вы можете использовать selectChild с идентификатором или ссылкой на виджет. Обратите внимание, что вызов selectChild до запуска TabContainer приводит к ошибке.

...