3

dojoTabContainerがあるWebサイトがあります。dojoライブラリを1.2からそれ以降のバージョンにアップグレードしようとしています。

1.5で問題が発生しました。

これは、1.5のFFでのTabContainerの外観であり、すべてのブラウザーの以前のバージョンでの外観です。（IE、Chrome、Safari）

イェーイFirefox

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>

これはかなり基本的なことです。コンテナのサイズを定義しました。これらのスクロールボタンが消えない理由はわかりません。ドキュメントサイトがIE9でも機能しないため、これが私のコードの問題なのかTabContainerの問題なのかわかりません。

FF： Firefox

IE9： IE9

何が問題なのか分かりますか？

4

2 に答える 2

1

Dojo1.5はIE9と公式には互換性がありません。互換性は、dojo 1.6.x以降、公式に部分的にサポートされており、dojo1.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に置き換えられていない場合を除く）を持つには...

于 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'))

DavidWalshに感謝します。

于 2016-07-25T18:16:16.800 に答える