dijit/layout/LayoutContainer.js

• Provides:

  • dijit.layout.LayoutContainer

• Requires:

  • dijit.layout._LayoutWidget in common

• dijit._Widget

  • type

    Function

• dijit._Widget.layoutAlign

  • type

    String

  • summary

    "none", "left", "right", "bottom", "top", and "client".
    See the LayoutContainer description for details on this parameter.

• dijit.layout.LayoutContainer

  • type

    Function

  • chains:
    • dijit.layout._LayoutWidget: (prototype)
    • dijit.layout._LayoutWidget: (call)
  • summary

    Deprecated.  Use <code>dijit.layout.BorderContainer</code> instead.

  • description

    Provides Delphi-style panel layout semantics.
    
    A LayoutContainer is a box with a specified size (like style="width: 500px; height: 500px;"),
    that contains children widgets marked with "layoutAlign" of "left", "right", "bottom", "top", and "client".
    It takes it's children marked as left/top/bottom/right, and lays them out along the edges of the box,
    and then it takes the child marked "client" and puts it into the remaining space in the middle.
    
    Left/right positioning is similar to CSS's "float: left" and "float: right",
    and top/bottom positioning would be similar to "float: top" and "float: bottom", if there were such
    CSS.
    
    Note that there can only be one client element, but there can be multiple left, right, top,
    or bottom elements.

  • example

    	<style>
    		html, body{ height: 100%; width: 100%; }
    	</style>
    	<div dojoType="dijit.layout.LayoutContainer" style="width: 100%; height: 100%">
    		<div dojoType="dijit.layout.ContentPane" layoutAlign="top">header text</div>
    		<div dojoType="dijit.layout.ContentPane" layoutAlign="left" style="width: 200px;">table of contents</div>
    		<div dojoType="dijit.layout.ContentPane" layoutAlign="client">client area</div>
    	</div>
    
    Lays out each child in the natural order the children occur in.
    Basically each child is laid out into the "remaining space", where "remaining space" is initially
    the content area of this widget, but is reduced to a smaller rectangle each time a child is added.

  • tags:

• dijit.layout.LayoutContainer.baseClass

  • type

    String

• dijit.layout.LayoutContainer.constructor

  • constructor - constructor
  • type

    Function

• dijit.layout.LayoutContainer.layout

  • type

    Function

• dijit.layout.LayoutContainer.addChild

  • parameters:
    • child: (typeof dijit._Widget)
    • insertIndex: (typeof Integer)
  • type

    Function

• dijit.layout.LayoutContainer.removeChild

  • parameters:
    • widget: (typeof dijit._Widget)
  • type

    Function

• dijit.layout

  • type

    Object

• dijit

  • type

    Object