YUI3 Tabview如何确定所选标签的标签

时间:2011-08-13 03:08:41

标签: yui yui3 tabview

我需要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. 之类的标签时会触发
  3. 处理程序内部将确定“SelectedTab”的标签

1 个答案:

答案 0 :(得分:4)

只需在tabview.render('#demo');

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