dijit.layout.TabContainer

Question

在显示dijit.layout.tabContainer时遇到问题。

我以编程方式添加它，添加一个contentPane，并且所有内容都显示在DOM中。

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

tabContainer的高度和宽度都是。

正在使用苔原主题，包括苔原的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();

有什么想法吗？

Answer 1

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

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

由于您将其设置为父容器的100％宽度和高度，因此您还需要确保ctrlPanel div具有大小（如果您还没有）。