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的大小（如果你還沒有已經）。