知道为什么我的dojo TabContainer如此搞砸了吗?

时间:2012-02-16 21:35:04

标签: asp.net dojo tabcontainer

我有一个有dojo TabContainer的网站。我一直在尝试将dojo库从1.2升级到更高版本。

1.5我遇到了问题。

这就是TabContainer在FF 1.5中的样子,以及在所有浏览器中以前版本中的样子。 (IE,Chrome,Safari)

Yay Firefox

1.5,这就是它在IE9中的样子

Boo IE

我无法弄清楚这些箭头按钮的来源。样式和标记没有改变,我刚刚换掉了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: Firefox

IE9: IE9

知道什么是错的吗?

2 个答案:

答案 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类的属性useMenuuseSlider解决了这个问题:

var container = new TabContainer(
  {
    style: 'height: 100%; width: 100%;',
    useMenu: false,
    useSlider: false
  }, domConstruct.create('div'))

感谢David Walsh