yui - YUI3 Tabview 選択されたタブのラベルを決定する方法

Question

次のようなYUI3タブビューが必要です

<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') + '"');
}