Есть идеи, почему в моем додзё TabContainer такой беспорядок?

У меня есть веб-сайт с додзё TabContainer. Я пытался обновить библиотеку додзё с 1.2 до более поздних версий.

На 1.5 столкнулся с проблемой.

Вот как TabContainer выглядит в FF версии 1.5 и как он выглядел в предыдущих версиях во всех браузерах. (IE, Хром, Сафари)

Yay Firefox

В 1.5 так это выглядит в IE9

Бу IE

Я не могу понять, откуда берутся эти кнопки со стрелками. Стиль и разметка не изменились, я просто заменил библиотеки додзё.

Вот код:

<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

Есть идеи, что случилось?


asp.net dojo tabcontainer
person Brandon    schedule 16.02.2012    source источник

Ответы (2)


arrow_upward
1
arrow_downward

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

person PEM    schedule 17.02.2012
comment
FooterTemplate закроет div. Спасибо за ответ. Думаю, у меня нет другого выбора, кроме как продолжать обновление и надеяться, что проблема решится сама собой. Если ни у кого больше нет предложений в течение следующих нескольких дней, я приму этот ответ. - person Brandon; 17.02.2012
comment
Нам приходилось запускать IE9 в режиме совместимости с IE8, пока мы не обновили dojo до версии 1.6. В Dojo 1.5 определенно были проблемы с ie9. - person mtyson; 18.02.2012

arrow_upward
0
arrow_downward

У меня была такая же проблема с использованием 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'))

Спасибо Дэвиду Уолшу.

person iled    schedule 25.07.2016