3

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

在 1.5 我遇到了一个问题。

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

耶火狐

在 1.5 中,这是 IE9 中的样子

嘘 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 的问题,因为他们的文档站点甚至无法在 IE9 中运行

法郎: 火狐

IE9: IE9

知道有什么问题吗?

4

2 回答 2

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...

于 2012-02-17T08:19:03.210 回答
0

我使用dojo 1.10.4. 我没有使用asp.net。

我通过设置属性useMenu和类解决了这个useSlider问题TabContainer

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

感谢大卫沃尔什

于 2016-07-25T18:16:16.800 回答