2013-04-22 108 views
0

我正在使用帶有兩個選項卡的dijit/layout/TabContainer。我創建它們是這樣的:dojo tab容器獲得最大標籤的寬度

<div dojoType="dijit.layout.TabContainer" doLayout="false"> 
    <div dojoType="dijit.layout.ContentPane" title="First tab" style="background-color:rgb(237,240,246)" doLayout="false"> Some dynamic content here </div> 
    <div dojoType="dijit.layout.ContentPane" title="Second tab" style="background- color:rgb(237,240,246)" doLayout="false"> Some dynamic content here </div> 
</div> 

這適用於Firefox,Chrome和IE9,但在Safari上無法正確顯示ipad。第一個選項卡第一次正確顯示,但第二個選項卡的寬度較大。我相信這不應該發生,因爲我已經添加了doLayout標誌。我不知道它是否重要,但我正在使用xpages框架的dojo。

非常感謝!

回答

1

我加入

controllerWidget="dijit.layout.TabController" 

到TabContainer的的分度,以百分比和寬度沿着現在它在Safari正確顯示太。

問題是Safari需要定義一個寬度。但是因爲我的內容是動態的,所以我無法定義以像素爲單位的固定寬度。所以爲了使用百分比寬度,我不得不添加上面的標誌。我不知道這是否是實現這一目標的適當方式,但是它解決了我的問題。