dojo TabContainer有更改標籤時觸發的事件嗎？

Question

確實DOJO TabContainer有一個事件，當觸發改變標籤？

我想它會但我在文檔中找不到它的任何內容。 :(

解決：它看起來像我在這裏找到了解決方案：

Dijit TabContainer Events - onFocus

不是最檢索的主題標題：/

Answer 1

連接aspect.after到TabContainer的的selectChild方法：

var tabContainer1 = registry.byId("tabContainer1"); 

aspect.after(tabContainer1, "selectChild", function() { 
    console.log("tab changed");   
}); 

或者，如果您對特定標籤感興趣，請連接至其ContentPane的_onShow：

var contentPane1 = registry.byId("contentPane1"); 

aspect.after(contentPane1, "_onShow", function() { 
    console.log("[first] tab selected");   
}); 

在的jsfiddle看到它在行動：http://jsfiddle.net/phusick/Mdh4w/

Answer 2

除了@ phusick的答案，這是正確的，所有StackContainer S，其中包括TabContainer上，你可以訂閱主題發佈。

http://dojotoolkit.org/reference-guide/1.7/dijit/layout/StackContainer.html#published-topics

[widgetId]-addChild, 
[widgetId]-removeChild 
[widgetId]-selectChild 

http://dojotoolkit.org/reference-guide/1.7/dojo/subscribe.html#dojo-subscribe

Answer 3

下面是一個完整的代碼示例，在道場1.8工作，我測試過它。這不是僅僅在改變標籤時觸發的事件，我不能在API中觸發它們的任何事件，但至少它在Click事件中起作用。

require(["dijit/registry", "dojo/on", "dojo/ready", "dojo/domReady!"], function (registry, on, ready) { 
    ready(function() { //wait till dom is parsed into dijits 
     var panel = registry.byId('mainTab'); //get dijit from its source dom element 
     on(panel, "Click", function (event) { //for some reason onClick event doesn't work 
      $('.hidden_field_id').val(panel.selectedChildWidget.id); //on click, save the selected child to a hidden field somewhere. this $ is jquery, just change it to 'dojo.query()' 
     }); 
    }); 
}); 

//include this function if you want to reselect the tab on page load after a postback 
require(["dijit/registry", "dojo/ready", "dojo/domReady!"], function (registry, ready) { 
    ready(function() { 
     var tabId = $('.hidden_field_id').val(); 
     if (tabId == null || tabId == "") 
      return; 
     var panel = registry.byId('mainTab'); 
     var tab = registry.byId(tabId); 
     panel.selectChild(tab); 
    }); 
}); 

Answer 4

從文檔;

var tabs = registry.byId('someTabs'); 
tabs.watch("selectedChildWidget", function(name, oval, nval){ 
    console.log("selected child changed from ", oval, " to ", nval); 
});