Servis-Rhino 4211B Guía de usuario descargar pdf (Pagina 170)

the region is re-sizable in a single direction.

The following JavaScript will create and add a Border Container with both left and center regions:

var borderContainer = new BorderContainer(

{

title: "My Border Container",

design: "horizontal",

style: "height: 250px;"

});

borderContainer.placeAt(this.context.element, "first");

var leftRegion = new ContentPane(

{

style: "width: 33%; background-color: #FFDEAD",

title: "My Left",

region: "left"

});

borderContainer.addChild(leftRegion);

var centerRegion = new ContentPane(

{

title: "My Center",

region: "center"

});

borderContainer.addChild(centerRegion);

borderContainer.startup();

Within HTML declaration we can code:

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

data-dojo-props="design: 'headline'">

<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: 'top'">

Top

</div>

<div data-dojo-type="dijit/layout/ContentPane"

data-dojo-props="region: 'left', splitter:true">

Center

</div>

Some of the more interesting properties on the Border Container are:

• design – The primary design of the Border Container.

◦ headline – The top and bottom regions will take the full width.

◦ sidebar – The left and right regions will take the full height.

• gutters – A gutter is an area around a region that is empty. It is very much like a margin.

The gutters property (true by default) determines whether or not gutters are added. If a

region has a splitter, a gutter for resizing that region is always added.

The properties of interest on the content pane are:

• region – This is where the child content lives within the container. Valid values are:

◦ top – The top region

◦ bottom – The bottom region

◦ left – The left region

Page 170

1 2 ... 165 166 167 168 169 170 171 172 173 174 175 ... 297 298

Comentarios a estos manuales

Sin comentarios

Servis-Rhino 4211B Guía de usuario Pagina 170

Comentarios a estos manuales