Dojo BorderContainer Mise en page

Question

Actuellement j'ai une mise en page BorderContainer comme indiqué ci-dessous:

Mon code pour cette mise en page est:

<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> 

Je veux avoir une mise en page (colonne 2, colonne de droite a 3 lignes) montrée ci-dessous:

Answer 1

Vous pouvez ajouter un autre widget à la région supérieure.

<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/

Voir aussi:

Dojo: Can I add two or more widgets to the same BorderContainer region?

Answer 2

BorderContainers peuvent être intégrés en tant que régions. Votre exemple serait:

• BorderContainer (parent)
  • contentPane (région gauche largeur explicite)
  • contentPane (région supérieure de la hauteur explicite)
  • BorderContainer (centre de la région, fluide)
    • contentpane (zone supérieure, hauteur explicite)
    • contentpane (région centre, fluide)