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