Любая идея, почему мой додзё TabContainer так запутался? - PullRequest
Новая
       18

Любая идея, почему мой додзё TabContainer так запутался?

3 голосов
/ 17 февраля 2012

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

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

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

Yay Firefox

При 1,5 это выглядит как в IE9

Boo 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

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

Ответы [ 2 ]

1 голос
/ 17 февраля 2012

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

0 голосов
/ 25 июля 2016

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

Благодарю Дэвида Уолша .

...