BorderContainer (dojo)를 사용하여 구조체 사용하기

Question

그림과 같은 BorderContainer, 상단에 두 개의 ContentPane 및 하단에 하나의 BorderContainer가 필요하지만 지역과 함께 할 수는 없으므로 잘 모릅니다. 지역과 함께 할 수있는 방법이 없다면.

그것은 당신이 창 크기를 조정 할 때 창 크기를 조절하는 방법에 조금 따라 달라

Answer 1

감사드립니다. 아래쪽 구획에 모든 추가 높이가 필요합니까? 상단 두 개의 창을 50/50 너비로 유지 하시겠습니까?

당신은 폭과 높이를 모두에서 50/50 머물 공간의 분할을 원하는 가정하면, 다음과 같이 그것을 할 수 있습니다 : 당신은 크기를 조정할 때

<div data-dojo-type="dijit/layout/BorderContainer"> 

    <div data-dojo-type="dijit/layout/ContentPane" 
     data-dojo-props="region: 'leading'" 
     style="width: 50%">leading</div> 

    <div data-dojo-type="dijit/layout/ContentPane" 
     data-dojo-props="region: 'center'">center</div> 

    <div data-dojo-type="dijit/layout/ContentPane" 
     data-dojo-props="region: 'bottom'" 
     style="height: 50%">bottom</div> 
</div> 

일반적으로는, 중심 지역 모든 여분의 공간을 사로 잡고 윈도우를 사용하지만 선행/위/아래/아래 영역의 상대적 너비/높이를 설정하여 항상 화면의 해당 공유를 사용할 수 있습니다.

Answer 2

중첩 된 테두리 컨테이너가 필요하다고 생각합니다. 기본적으로 상단 및 중앙 (또는 중앙 및 하단)을 원하고 상단에는 왼쪽 및 중심 (또는 중앙 및 오른쪽)을 넣으십시오.

<div data-dojo-type="dijit/layout/BorderContainer"> 

    <div data-dojo-type="dijit/layout/BorderContainer" 
     data-dojo-props="region: 'top'" style="height: 50%"> 

     <div data-dojo-type="dijit/layout/ContentPane" style="width: 50%" 
      data-dojo-props="region: 'left'">inner top left</div> 

     <div data-dojo-type="dijit/layout/ContentPane" 
      data-dojo-props="region: 'center'">inner top center</div> 
    </div> 

    <div data-dojo-type="dijit/layout/ContentPane" 
     data-dojo-props="region: 'center'">outer center</div> 
</div>