Kei*_*ell 1 javascript dojo dijit.layout
我无法为此找到明确定义的解决方案.大多数是不完整的片段.
这是一个简单的例子.请参阅doSomething()注释:
<head>
<style type="text/css">
body, html { font-family:helvetica,arial,sans-serif; font-size:90%; }
</style>
<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/dojo/1.5/dijit/themes/claro/claro.css"/>
<script src="http://ajax.googleapis.com/ajax/libs/dojo/1.5/dojo/dojo.xd.js"
djConfig="parseOnLoad: true">
</script>
<script type="text/javascript">
dojo.require("dijit.layout.TabContainer");
dojo.require("dijit.layout.ContentPane");
function doSomething() {
//Put code in here that identifies the clicked tab and displays it's id in the below alert
alert("Hello World!");
}
</script>
</head>
<body class=" claro ">
<div id="mainTab" dojoType="dijit.layout.TabContainer" style="width: 400px; height: 100px;" onClick="doSomething();">
<div id="tab1" dojoType="dijit.layout.ContentPane" title="My first tab" selected="true">
Lorem ipsum and all around...
</div>
<div id="tab2" dojoType="dijit.layout.ContentPane" title="My second tab">
Lorem ipsum and all around - second...
</div>
<div id="tab3" dojoType="dijit.layout.ContentPane" title="My last tab">
Lorem ipsum and all around - last...
</div>
</div>
</body>
我相信dijit.byId('mainTab').selectedChildWidget应该在选定的选项卡中为您提供对窗口小部件的引用(例如您的一个ContentPanes).
http://www.dojotoolkit.org/api/dijit/layout/TabContainer.html#selectedChildWidget
| 归档时间： |
|
| 查看次数： |
9787 次 |
| 最近记录： |