我有一个有dojo TabContainer的网站。我一直在尝试将dojo库从1.2升级到更高版本。
1.5我遇到了问题。
这就是TabContainer在FF 1.5中的样子,以及在所有浏览器中以前版本中的样子。 (IE,Chrome,Safari)
1.5,这就是它在IE9中的样子
我无法弄清楚这些箭头按钮的来源。样式和标记没有改变,我刚刚换掉了dojo库。
以下是代码:
<asp:Repeater ID="TabRepeater" runat="Server">
<HeaderTemplate>
<div dojoType="dijit.layout.BorderContainer" gutters="false" style="width:600px">
<div dojoType="dijit.layout.TabContainer" style="width:600px; height:350px">
</HeaderTemplate>
<ItemTemplate>
<div dojoType="dijit.layout.ContentPane" style="display:none; height:300px" title="<%#Eval("Name")%>">
<!-- Content -->
</div>
</ItemTemplate>
<FooterTemplate>
</div> <!-- End Tab Container -->
</div> <!-- End Border Container -->
</FooterTemplate>
</asp:Repeater>
这是非常基本的,我已经定义了容器的大小。我不确定为什么这些滚动按钮不会消失。我不确定这是我的代码或TabContainer的问题,因为他们的documentation site甚至不能在IE9中工作
FF:
IE9:
知道什么是错的吗?
答案 0 :(得分:1)
Dojo 1.5与IE9不正式兼容。自dojo 1.6.x以来,兼容性已被正式部分支持,并且应该与dojo 1.7.x 完全兼容
另外,我对asp不太了解,但这看起来不是一个好习惯
<HeaderTemplate>
<div dojoType="dijit.layout.BorderContainer" gutters="false" style="width:600px">
<div dojoType="dijit.layout.TabContainer" style="width:600px; height:350px">
</HeaderTemplate>
有一个“标签”(除非这个标签消失并且没有被任何html取代)包围未公开的div ...
答案 1 :(得分:0)
我使用dojo 1.10.4
遇到了同样的问题。我没有使用asp.net。
我通过设置TabContainer
类的属性useMenu
和useSlider
解决了这个问题:
var container = new TabContainer(
{
style: 'height: 100%; width: 100%;',
useMenu: false,
useSlider: false
}, domConstruct.create('div'))
感谢David Walsh。