dijit中选项卡容器TabContainer

来源：互联网发布：c 数组截断编辑：程序博客网时间：2024/06/06 13:15

选项卡容器

与堆叠容器相似，选项卡容器允许您拥有多个视图，而任意给定时间仅有一个视图可见。然而，与堆叠容器不同的是，选项卡容器提供了一些选项，这些选项以显示在内容上方、下方或旁边的选项卡的形式出现，可在各视图之间切换。除此之外，它们不需要任何独立控件，因为它们直接构建在组件本身之内

<!doctype html><html lang="en" dir="ltr">    <head>        <title>Dijit Template</title>        <link rel="stylesheet" href="dijit/themes/claro/claro.css" />        <style type="text/css">            body, html { font-family:helvetica,arial,sans-serif; font-size:90%; }        </style>    </head>    <body class="claro">        <div style="width: 535px; height: 290px;">            <div dojoType="dijit.layout.TabContainer" style="width: 100%; height: 100%">                <div dojoType="dijit.layout.ContentPane" title="Tab 1">                    This is the content in tab 1.                </div>                <div dojoType="dijit.layout.ContentPane" title="Tab 2">                    This is the content in tab 2.                </div>            </div>        </div>        <script src="dojo/dojo.js" djConfig="parseOnLoad: true"></script>        <script>        dojo.require("dijit.dijit");        dojo.require("dijit.layout.TabContainer");        dojo.require("dijit.layout.ContentPane");            dojo.addOnLoad(function() {                });        </script>    </body></html>

0 0