1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192 |
- if (!dojo._hasResource["dijit.layout.LayoutContainer"]) { // _hasResource
- // checks added by
- // build. Do not use
- // _hasResource
- // directly in your
- // code.
- dojo._hasResource["dijit.layout.LayoutContainer"] = true;
- dojo.provide("dijit.layout.LayoutContainer");
- dojo.require("dijit.layout._LayoutWidget");
- dojo.declare("dijit.layout.LayoutContainer", dijit.layout._LayoutWidget, {
- // summary
- // Provides Delphi-style panel layout semantics.
- //
- // details
- // 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.
- //
- // usage
- // <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.
- //
- layout : function() {
- dijit.layout.layoutChildren(this.domNode, this._contentBox,
- this.getChildren());
- },
- addChild : function(/* Widget */child, /* Integer? */insertIndex) {
- dijit._Container.prototype.addChild.apply(this, arguments);
- if (this._started) {
- dijit.layout.layoutChildren(this.domNode,
- this._contentBox, this.getChildren());
- }
- },
- removeChild : function(/* Widget */widget) {
- dijit._Container.prototype.removeChild.apply(this,
- arguments);
- if (this._started) {
- dijit.layout.layoutChildren(this.domNode,
- this._contentBox, this.getChildren());
- }
- }
- });
- // This argument can be specified for the children of a LayoutContainer.
- // Since any widget can be specified as a LayoutContainer child, mix it
- // into the base widget class. (This is a hack, but it's effective.)
- dojo.extend(dijit._Widget, {
- // layoutAlign: String
- // "none", "left", "right", "bottom", "top", and "client".
- // See the LayoutContainer description for details on this
- // parameter.
- layoutAlign : 'none'
- });
- }
|