当前位置 : 主页 > 网页制作 > Dojo >

dojo – 如何使用dijit.layout.TabContainer指定所选选项卡?

来源:互联网 收集:自由互联 发布时间:2021-06-15
如何在启动时指定选定的选项卡? 您如何以编程方式选择标签? HTML – 使用所选属性. div id="tabContainer" dojoType="dijit.layout.TabContainer" tabStrip="true" style="width: 100%; height: 20em;" div id="tab1" d
>如何在启动时指定选定的选项卡?
>您如何以编程方式选择标签? HTML – 使用所选属性.

<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 – 在TabContainer小部件上使用selectChild方法.

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

您可以在此处找到更多示例:TabContainer Demo

警告!!!这个演示来自夜间构建.并非所有功能都包含在1.3.2版本中.

网友评论