dijit/layout/TabContainer的用法

1、引入dijit/layout/TabContainer模块

     require(["dijit/layout/TabContainer","dijit/layout/ContentPane","dojo/domReady!"],function(TabContainer,ContentPane){})

2、创建TabContainer

      var TabCon = new TabContainer({
                style: "width:300px;height:600px",
                id: "WholeTabContainer"
            }, "TitleDiv");

3、TabContainer添加切换选项

       var XuanXiang1 = new ContentPane({
                title: "选项1"
            }, "XuanXiang_1");
            TabCon.addChild(XuanXiang1);
            var XuanXiang2 = new ContentPane({
                title: "选项_2"
            }, "XuanXiang_2");
            TabCon.addChild(XuanXiang2);
            var XuanXiang3 = new ContentPane({
                title: "选项3"
            }, "XuanXiang_3");
            TabCon.addChild(Detailinfomation);
            TabCon.startup();

4、js控制ContentPane切换至"选项1"

     TabCon.selectChild("XuanXiang_1")

 

5、"TitleDiv",、"XuanXiang_2"、"XuanXiang_3"、"XuanXiang_3"是div标签的id,表示切换的时候显示的相应内容，具体见自己时空矩阵代码