Question

我正在使用带有两个标签的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标志。我不知道它是否重要，但我正在使用dop和xpages框架。

提前多多感谢！

Answer 1

我添加了

controllerWidget="dijit.layout.TabController"

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

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

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

1 个答案: