X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/0494b8d9b9bb03ab6c22b34dae81261e3cd7e3e6..7a654f8d43fdb43d78b63d90528bed6e86b608cc:/docs/output/Ext.layout.BorderLayout.html diff --git a/docs/output/Ext.layout.BorderLayout.html b/docs/output/Ext.layout.BorderLayout.html deleted file mode 100644 index 10933622..00000000 --- a/docs/output/Ext.layout.BorderLayout.html +++ /dev/null @@ -1,96 +0,0 @@ -
Properties Methods Events Config Options Direct Link 
ContainerLayout
-  BorderLayout

Class Ext.layout.BorderLayout

Package:Ext.layout
Defined In:BorderLayout.js
Class:BorderLayout
Extends:ContainerLayout

This is a multi-pane, application-oriented UI layout style that supports multiple -nested panels, automatic split bars between -regions and built-in -expanding and collapsing of regions.

-

This class is intended to be extended or created via the layout:'border' -Ext.Container.layout config, and should generally not need to be created directly -via the new keyword.

-

BorderLayout does not have any direct config options (other than inherited ones). -All configuration options available for customizing the BorderLayout are at the -Ext.layout.BorderLayout.Region and Ext.layout.BorderLayout.SplitRegion -levels.

-

Example usage:

-
var myBorderPanel = new Ext.Panel({
-    renderTo: document.body,
-    width: 700,
-    height: 500,
-    title: 'Border Layout',
-    layout: 'border',
-    items: [{
-        title: 'South Region is resizable',
-        region: 'south',     // position for region
-        height: 100,
-        split: true,         // enable resizing
-        minSize: 75,         // defaults to 50
-        maxSize: 150,
-        margins: '0 5 5 5'
-    },{
-        // xtype: 'panel' implied by default
-        title: 'West Region is collapsible',
-        region:'west',
-        margins: '5 0 0 5',
-        width: 200,
-        collapsible: true,   // make collapsible
-        cmargins: '5 5 0 5', // adjust top margin when collapsed
-        id: 'west-region-container',
-        layout: 'fit',
-        unstyled: true
-    },{
-        title: 'Center Region',
-        region: 'center',     // center region is required, no width/height specified
-        xtype: 'container',
-        layout: 'fit',
-        margins: '5 5 0 0'
-    }]
-});
-

Notes:

    -
  • Any container using the BorderLayout must have a child item with region:'center'. -The child item in the center region will always be resized to fill the remaining space not used by -the other regions in the layout.
    • -
  • Any child items with a region of west or east must have width defined -(an integer representing the number of pixels that the region should take up).
    • -
  • Any child items with a region of north or south must have height defined.
    • -
  • The regions of a BorderLayout are fixed at render time and thereafter, its child Components may not be removed or added. To add/remove -Components within a BorderLayout, have them wrapped by an additional Container which is directly -managed by the BorderLayout. If the region is to be collapsible, the Container used directly -by the BorderLayout manager should be a Panel. In the following example a Container (an Ext.Panel) -is added to the west region: -
    wrc = Ext.getCmp('west-region-container');
-wrc.removeAll();
-wrc.add({
-    title: 'Added Panel',
-    html: 'Some content'
-});
-wrc.doLayout();
    -
    • -
  • To reference a Region: -
    wr = myBorderPanel.layout.west;
    -
    • -

Config Options

Config OptionsDefined By
 renderHidden : Boolean
True to hide each contained item on render (defaults to false).
ContainerLayout

Public Properties

PropertyDefined By

Public Methods

MethodDefined By

Public Events

This class has no public events.
\ No newline at end of file