Dojo dijit.layout.TabContainer

获取要显示的dijit.layout.tabContainer时遇到问题

我以编程方式添加它，添加一个contentPane，所有这些都在DOM中显示良好

没有JS错误或警告，我可以看到控件是通过Chrome开发者工具创建的，我就是看不到它们

tabContainer具有高度和宽度

正在使用tundra主题，其中包括tundra的CSS文件

1     dojo . create( "div", { id : "clientData" }, "ctrlPanel" );
2 
3     /*
4      * Create the tab control
5      */
6     var tc = new dijit.layout.TabContainer( { style : 'width:100%, height:100%' }, 'clientData' );
7 
8     /*
9      * Add a content pane
10      */
11     var cp1 = new dijit.layout.ContentPane( {
12           title   : "Basic",
13           content : 'replace me'
14     } );
15 
16     tc.addChild(cp1);
17     tc.startup();

---

有什么想法吗？

我认为问题很简单，就是用逗号而不是分号分隔TabContainer的样式指令。也就是说，尝试将该行更改为：

var tc = new dijit.layout.TabContainer({style: 'width:100%; height:100%' }, 'clientData');

---

由于要将其设置为父容器的100%宽度和高度，如果尚未设置，还需要确保ctrlPanel div具有大小。

不确定代码段发生了什么，这里有一个链接：代码缩进不够