도장 : 지역에있는 TabContainer은 '최고'BorderContainer

Question

내부의 보이지 않는 내가 이런 BorderContainer의 상단 지역 내부 TabContainer을 배치 할 :

<div id="appLayout" data-dojo-type="dijit/layout/BorderContainer"> 
    <div data-dojo-type="dijit/layout/TabContainer" data-dojo-props="region: 'top'"> 
     <div data-dojo-type="dijit/layout/ContentPane" data-dojo-props="title:'Tab 1'">tab 1</div> 
     <div data-dojo-type="dijit/layout/ContentPane" data-dojo-props="title:'Tab 2'">tab 2</div> 
    </div> 
    <div data-dojo-type="dijit/layout/ContentPane" data-dojo-props="region: 'center'">center</div> 
</div>​ 

나는 이것을 TabContainer이 보이지 않는 때.

<div id="appLayout" data-dojo-type="dijit/layout/BorderContainer"> 
    <div data-dojo-type="dijit/layout/TabContainer" data-dojo-props="region: 'center'"> 
     <div data-dojo-type="dijit/layout/ContentPane" data-dojo-props="title:'Tab 1'">tab 1</div> 
     <div data-dojo-type="dijit/layout/ContentPane" data-dojo-props="title:'Tab 2'">tab 2</div> 
    </div> 
    <div data-dojo-type="dijit/layout/ContentPane" data-dojo-props="region: 'bottom'">bottom</div> 
</div>​ 

왜 상단 지역에 보이지 않는 TabContainer이다 : 나는 BorderContainer의 중심 영역에 TabContainer을 배치 할 때 모든 것이 잘 작동? 내가 보이게 할 수 있을까요?

편집 : TabContainer의 내용에는 가변 높이가 있으므로 수동으로 높이를 설정하고 싶지는 않습니다.

Answer 1

TabContainer div의 높이 CSS 속성을 설정합니다. 예 : like :

<div data-dojo-type="dijit/layout/TabContainer" data-dojo-props="region: 'top'" style="height: 100px;"> 
    ... 
</div> 

Answer 2

루트 BorderContainer의 크기를 조정하십시오. 그건

는 일부 해킹처럼 보이지만 그것은 나를 위해 작동 :

<div data-dojo-type="dijit.layout.BorderContainer" data-dojo-attach-point="rootContainerWidget"> 
    <!-- content panes, tab containers etc --> 
</div> 

및 위젯 코드 내부

는 방법의 크기를 조정 공공 추가

resize: function() { 
    // resize hack 
    this.rootContainerWidget.resize(); 
}