2012-01-19 6 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

예. 둘 다 추가되었습니다. 나는 툰드라 테마를 사용하고 있으며 툰드라를 추가했다. – user1129605

답변

0

지원은 1.5에 추가 된, 그래서 그들은 미꾸라지 1.4에 의해 인식되지 않습니다.

따라서 data-dojo-type="dijit.layout.TabContainer" 대신 Dojo 1.4에서는 dojoType="dijit.layout.TabContainer" (물론 ContentPane에 해당)을 사용해야합니다.

여기 예를 참조하십시오 http://jsfiddle.net/froden/WyeRk/

+0

dojoType으로 시도했다. – user1129605

+0

@ user1129605 jsfiddle 링크를 확인하십시오. 브라우저에서 제대로 작동합니까? jsfiddle과 코드의 차이점은 무엇입니까? 아마도 여기에 더 많은 코드를 붙여 넣을 수 있습니다. 탭이 전혀 인스턴스화되지 않았습니까, 아니면 잘못 보입니까? – Frode

+0

내 코드가 JSfiddle에서 작동합니다. 하지만 제 시스템에는 없습니다. tabone, tabtwo 및 tabthree와 같은 세 개의 탭이있는 경우 일반 HTML 페이지의 출력 결과는 다음과 같습니다. tabone tabtwo tabthree 다른 행. 그게 다야. – user1129605