1

現在、以下に示すように、borderContainer レイアウトがあります。

ここに画像の説明を入力

このレイアウトの私のコードは次のとおりです。

<div data-dojo-type="dijit.layout.BorderContainer" data-dojo-props="design:'sidebar', gutters:true, liveSplitters:true" id="borderContainer">
<div data-dojo-type="dijit.layout.ContentPane" data-dojo-props="splitter:true, region:'left'" style="width: 150px;" id="treeSection">Tree menu display here</div>
<div data-dojo-type="dijit.layout.ContentPane" data-dojo-props="splitter:true, region:'top'" style="height:200px;" id="gridSection">Dojo Grid display here
</div>
<div data-dojo-type="dijit.layout.ContentPane" data-dojo-props="splitter:true, region:'center'" id="contactView" data-dojo-id="contactView">contact detail here
</div>
</div>

以下に示す（2列、右列には3行）のレイアウトが必要です。 ここに画像の説明を入力

4

2 に答える 2

1

上部の領域に別のウィジェットを追加できます。

<div data-dojo-type="dijit.layout.ContentPane" data-dojo-props="splitter:true, 
  region:'top'" style="height:20px;" id="pageSection">
  Pagination goes here
</div>

http://jsfiddle.net/cswing/Kjr78/

参照：

Dojo：同じBorderContainerリージョンに2つ以上のウィジェットを追加できますか？

于 2012-06-20T11:57:51.200 に答える
1

BorderContainers はリージョンとして埋め込むことができます。あなたの例は次のようになります。

  • ボーダーコンテナ (親)
    • contentpane (領域左の明示的な幅)
    • contentpane (リージョントップの明示的な高さ)
    • bordercontainer (領域の中心、流体)
      • contentpane (領域の上部、明示的な高さ)
      • contentpane (領域の中心、流体)
于 2012-06-20T14:07:54.400 に答える