Javascript YUI 3 TabView问题

我想使用YUI 3 Yahoo UI3在Jsp页面中创建两个选项卡

例如： 表1表2

表1： 我能够使用下面的java脚本创建Tab1

createCustomTabSafari = function(lblTxt,eId){

YUI().use('tabview', function(Y) {
    var tabview = new Y.TabView({
        children: [{
            label: lblTxt,
            content: document.getElementById(eId)
        }]
    });       
     tabview.render('#demo');
     tabview.selectChild(0);
  });
}

现在我想添加一些静态文本的Tab2，比如标签：“Tab2”，内容：“test”。我尝试过createCustomTabSafari的“Tab2”和“test”，但它是在其他位置创建的一个选项卡，而不是在Tab1之外创建的

如何使用AddChild/add方法将第二个选项卡作为子选项卡而不是全新的选项卡添加

我已经浏览了YUI API，可以看到addChildchild、index方法，但不确定如何在这里的SceneCenter代码中使用此方法

另外，如何读取创建的选项卡，即如果我知道单击了tab1，我将显示一些内容，如果单击了Tab2，我将显示一些不同的内容

如果我了解了在Tab1旁边添加第二个tab的相关知识，那会很有帮助

---

提前感谢。

YUI网站上的示例非常好地展示了如何使用Tabview。您可以看到此示例，其中包含多个选项卡：

---

对于添加和删除选项卡，有一个相当复杂的示例：

示例显示如何创建静态选项卡。我想动态创建选项卡。首先，我想动态创建Tab1，因为基于某些数据/检查，Tab1可以显示多次，但Tab2应该只显示一次。如果您按照第二个链接中的详细示例进行操作，您将看到它使用了add方法。

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');
    tabview.selectChild(2);
});