YUI3 TabView的如何確定所選選項卡的標籤

Question

我需要一個YUI3 tabview像

<div id="demo"></div> 
<script> 
YUI().use('tabview', function(Y) { 
    var tabview = new Y.TabView({ 
     children: [{ 
      label: 'foo', 
      content: '<p>foo content</p>' 
     }, { 
      label: 'bar', 
      content: '<p>bar content</p>' 
     }, { 
      label: 'baz', 
      content: '<p>baz content</p>' 
     }] 
    }); 
    tabview.render('#demo'); 
}); 
</script> 

現在需要一個事件處理程序，這將是繼規範

1. 將被解僱的時候用戶會點擊在選項卡上，例如「selectedTabChanged」
2. 處理程序將確定「SelectedTab」的標籤

Answer 1

只需添加這下面tabview.render('#demo');

tabview.on('selectionChange', function (e) { 
    alert('Changing tab from "' + e.prevVal.get('label') + '" to "' + e.newVal.get('label') + '"'); 
}