dojo tabContainer 获取最大选项卡的宽度答案

【问题标题】：dojo tabContainer gets the width of the largest tabdojo tabContainer 获取最大选项卡的宽度
【发布时间】：2013-04-22 09:24:32
【问题描述】：

我正在使用带有两个选项卡的 dijit/layout/TabContainer。我这样创建它们：

<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 标志。我不知道这是否重要，但我正在将 dojo 与 xpages 框架一起使用。

提前非常感谢！

【问题讨论】：

标签： dojo tabcontainer dijit.layout

【解决方案1】：

我加了

controllerWidget="dijit.layout.TabController"

到 TabContainer 的 div 以及百分比的宽度，现在它也可以在 Safari 中正确显示。

问题在于 Safari 需要定义宽度。但由于我的内容是动态的，我无法以像素为单位定义固定宽度。因此，为了使用百分比宽度，我还必须添加上面的标志。我不知道这是否是实现此目的的适当方法，但它解决了我的问题。

【讨论】：