2012-01-19 15 views
0

DOJO1.6とDOJO1.4に次のコードがあります。 1.6バージョンでは正常に動作していますが、1.4では動作しません。タブ付きメニューはリストとして表示されます。 DOJO1.4でもコードが正常に動作するように手伝ってください。 HTML5のスタイルdata-dojo-xyz属性のDOJO1.6とDOJO1.4.3のコードが異なって動作する

<script src="/portal_dojo/v1.4.3/dojo/dojo.xd.js" djConfig="parseOnLoad:true"> 
</script> 
<script type="text/javascript"> 
dojo.require("dijit.layout.TabContainer"); 
dojo.require("dijit.layout.ContentPane"); 
</script> 
<div style="width: 350px; height: 300px"> 
<div data-dojo-type="dijit.layout.TabContainer" style="width: 100%; height: 100%;"> 
    <div data-dojo-type="dijit.layout.ContentPane" title="My first tab" selected="true"> 
     Lorem ipsum and all around... 
    </div> 
    <div data-dojo-type="dijit.layout.ContentPane" title="My second tab"> 
     Lorem ipsum and all around - second... 
    </div> 
    <div data-dojo-type="dijit.layout.ContentPane" title="My last tab" closable="true"> 
     Lorem ipsum and all around - last... 
    </div> 
</div> 

+1

は、あなたが '<身体クラス=「ツンドラ」>'(または使用したいテーマ)があり、そのテーマのCSSファイルが含まれていますか? – Frode

+0

はい。両方が追加されました。私はツンドラのテーマを使用しており、tundra.cssを追加しました – user1129605

答えて

0

サポートが1.5で追加されたので、彼らは、Dojo 1.4で認識されることはありません。

data-dojo-type="dijit.layout.TabContainer"の代わりに、dojoType="dijit.layout.TabContainer"(もちろんContentPaneに相当)をDojo 1.4に使用する必要があります。

ここでは例を参照してください:http://jsfiddle.net/froden/WyeRk/

+0

dojoTypeで試してみました....いいえ、使用しないでください。 – user1129605

+0

@ user1129605 jsfiddleのリンクを確認してください。あなたのブラウザで動作しますか? jsfiddleとコードの違いは何ですか?おそらく、ここにあなたのコードを貼り付けることができます。タブはインスタンス化されていませんか、それとも間違って見えますか? – Frode

+0

私のコードはJSfiddleで動作しています。しかし、私のシステムではありません。 tabone、tabtwo、tabthreeなどのテストで3つのタブがある場合は、次のように出力されます:tabone tabtwo tabthree異なる行。それで全部です。 – user1129605

関連する問題