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,表示切换的时候显示的相应内容，具体见自己时空矩阵代码