当前位置：文江博客话题详情

如何使用 dijit.layout.TabContainer 指定选定的选项卡？

发布于 2024-07-25 17:53:35 字数 60 浏览 6 评论 0原文

如何在启动时指定选定的选项卡？
如何以编程方式选择选项卡？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

韶华倾负 2024-08-01 17:53:35

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 - 在 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 演示

警告!!! 该演示来自夜间构建。 1.3.2 版本中并未包含所有功能。

HTML - Use selected attribute.

<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 - Use selectChild method on TabContainer widget.

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

You can find more examples here: TabContainer Demo

WARNING!!! This demo is from nightly build. Not all features are included in 1.3.2 version.

回复收藏 0 原文

治碍 2024-08-01 17:53:35

您可以使用 selected 属性指定启动时显示的选项卡。

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

TabContainer 启动后，您可以将 selectChild 与 id 或对小部件的引用一起使用。请注意，在 TabContainer 启动之前调用 selectChild 会导致错误。

You can specify the tab to display at startup with the selected attribute.

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

After the TabContainer startup, you can use selectChild with the id or the reference to the widget. Note that calling selectChild before the TabContainer startup results in an error.

回复收藏 0 原文

~没有更多了~