Does dojo TabContainer have an event thats triggered when changing tabs?
http://stackoverflow.com/questions/10549074/does-dojo-tabcontainer-have-an-event-thats-triggered-when-changing-tabs
by phusick
HTML
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/dojo/1.7.2/dijit/themes/claro/claro.css">
<body class="claro" style="padding: 40px 10px;">
<div
data-dojo-type="dijit.layout.TabContainer"
data-dojo-props="tabPosition:'top'"
style="width:100%;height:200px;"
id="tabContainer1"
>
<div
data-dojo-type="dijit.layout.ContentPane"
data-dojo-props="title:'first'"
id="contentPane1"
>hello world: first</div>
<div
data-dojo-type="dijit.layout.ContentPane"
data-dojo-props="title:'second'"
>hello world: second</div>
<div
data-dojo-type="dijit.layout.ContentPane"
data-dojo-props="title:'third'"
>hello world: third</div>
</div>
</body>
JavaScript
require([
"dojo/ready",
"dojo/aspect",
"dijit/registry",
"dijit/layout/TabContainer",
"dijit/layout/ContentPane"
], function(
ready,
aspect,
registry
) {
ready(function() {
var tabContainer1 = registry.byId("tabContainer1");
var contentPane1 = registry.byId("contentPane1");
aspect.after(tabContainer1, "selectChild", function() {
console.log("tab changed");
});
aspect.after(contentPane1, "_onShow", function() {
console.log("[first] tab selected");
});
});
});