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>
现在需要一个事件处理程序,它将是符合以下规范
- 当用户单击诸如“selectedTabChanged”之类的选项卡时,它将被触发 在
- 处理程序内部将确定“SelectedTab”的标签
I need a YUI3 tabview like
<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>
Now need a event handler which will be of following specification
- It will be fired when user will click on tab something like "selectedTabChanged"
- Inside the handler will determine the label of the "SelectedTab"
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
只需在下面添加此内容
tabview.render('#demo');
Just add this below
tabview.render('#demo');