javascript - 替换 dojo/dijit TabContainer 中特定选项卡的内容？

Question

我需要更改其中一个选项卡的类 - 该面板将从子类ContentPane小部件更改为子类BorderLayout小部件。

至少我可以从中删除子TabContainer项，然后在该被破坏选项卡的位置插入一个具有相同选项卡标题的新子项。但是是否有一个合法的快捷方式来简单地替换支持控件而不使选项卡无效？

（Dojo 1.8 - 小部件的编程实例化）

Answer 1

而不是通过dijit/layout/ContentPane将其添加为添加选项卡dijit/layout/StackPane。然后使用 StackPane 的方法addChild(widget)，removeChild(widget)和/或selectChild(widget)：

var tab1 = registry.byId("tab1"); // dijit/layout/StackContainer

var bc = new BorderContainer();
var cp1 = new ContentPane({
    content: "content pane 1",
    region: "top"        
});
var cp2 = new ContentPane({
    content: "content pane 2",
    region: "center"
});
bc.addChild(cp1);
bc.addChild(cp2);

tab1.addChild(bc);
tab1.selectChild(bc); 

在行动中看到它：http: //jsfiddle.net/phusick/szCb4/