当前位置：文江博客话题详情

知道为什么我的 dojo TabContainer 如此混乱吗？

发布于 2025-01-05 23:57:00 字数 1490 浏览 0 评论 0原文

我有一个网站，其中有一个 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 的问题，因为他们的文档站点甚至无法在 IE9

FF 中运行： Firefox

IE9： IE9

知道出了什么问题吗？

原文

I have a website that has a dojo TabContainer. I've been trying to upgrade the dojo library from 1.2 to the later versions.

At 1.5 I've run into a problem.

This is what the TabContainer looks like in FF at 1.5, and what it looked like in the previous versions in all browsers. (IE, Chrome, Safari)

Yay Firefox

At 1.5, this is what it looks like in IE9

Boo IE

I can't figure out where these arrow buttons are coming from. The styling and markup hasn't changed, I've just swapped out the dojo libraries.

Here is the code:

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

It's pretty basic, I've defined the sizes for the containers. I'm not sure why these scroll buttons won't go away. I'm not sure if this is a problem with my code or with the TabContainer since their documentation site doesn't even work in IE9

FF:
Firefox

IE9:
IE9

Any idea what's wrong?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

影子的影子 2025-01-12 23:57:00

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>

做法有一个包含未封闭 div 的“标签”（除非该标签消失且未被任何 html 替换）...

Dojo 1.5 is not officially compatible with IE9. Compatibility has been officially partially supported since dojo 1.6.x and is supposed to be fully compatible with dojo 1.7.x

Also, I do not know much about asp, but this does not look like a good practice

<HeaderTemplate>
  <div dojoType="dijit.layout.BorderContainer" gutters="false" style="width:600px">
    <div dojoType="dijit.layout.TabContainer" style="width:600px; height:350px">
</HeaderTemplate>

to have a "tag" (except if this tag disappear and is not replaced by any html) enclosing unclosed divs...

回复收藏 0 原文

剩一世无双 2025-01-12 23:57:00

我在使用 dojo 1.10.4 时遇到了同样的问题。我没有使用asp.net。

我通过设置属性 useMenu< 解决了这个问题/a> 和 TabContainer 的 useSlider 类：

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

感谢大卫·沃尔什。

I had the same issue using dojo 1.10.4. I was not using asp.net.

I solved this by setting the properties useMenu and useSlider of the TabContainer class:

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

Thanks to David Walsh.

回复收藏 0 原文

~没有更多了~