Ext.data.JsonP.Ext_layout_component_Dock({"alternateClassNames":["Ext.layout.component.AbstractDock"],"aliases":{"layout":["dock"]},"enum":null,"parentMixins":[],"tagname":"class","subclasses":[],"extends":"Ext.layout.component.Component","uses":[],"html":"
Alternate names
Ext.layout.component.AbstractDock
Hierarchy
Ext.Base
Ext.layout.Layout
Ext.layout.component.Component
Ext.layout.component.Dock
Files
Dock.js

NOTE This is a private utility class for internal use by the framework. Don't rely on its existence.

This ComponentLayout handles docking for Panels. It takes care of panels that are\npart of a ContainerLayout that sets this Panel's size and Panels that are part of\nan AutoContainerLayout in which this panel get his height based of the CSS or\nor its content.

\n

Properties

Defined By

Instance Properties

Ext.Base
view source
: Stringprivate
...
\n

Defaults to: 'Ext.Base'

Ext.layout.Layout
view source
: Objectprivate
...
\n

Defaults to: {readsWidth: 1, readsHeight: 1, setsWidth: 0, setsHeight: 0}

Ext.layout.component.Dock
view source
: Objectprivate
This object is indexed by a component's baseCls to yield another object which\nis then indexed by the component's ui t...

This object is indexed by a component's baseCls to yield another object which\nis then indexed by the component's ui to produce an array of CSS class names.\nThis array is indexed in the same manner as the noBorderClassTable and indicates\nthe a particular edge of a docked item or the body element is actually \"collapsed\"\nwith the component's outer border.

\n

Defaults to: {}

Ext.layout.component.Dock
view source
: Objectprivate
...
\n

Defaults to: {top: 'border-top-width', right: 'border-right-width', bottom: 'border-bottom-width', left: 'border-left-width'}

Ext.Base
view source
: Objectprivate
...
\n

Defaults to: {}

Ext.layout.Layout
view source
: Boolean
Used only during a layout run, this value indicates that a\nlayout has finished its calculations. ...

Used only during a layout run, this value indicates that a\nlayout has finished its calculations. This flag is set to true prior to the call to\ncalculate and should be set to false if this layout has more work to do.

\n
Ext.layout.component.Dock
view source
: Objectprivate
...
\n

Defaults to: {width: true, x: true}

Ext.layout.component.Dock
view source
: Objectprivate
...
\n

Defaults to: {name: 'horz', oppositeName: 'vert', dockBegin: 'left', dockEnd: 'right', horizontal: true, marginBegin: 'margin-left', maxSize: 'maxWidth', minSize: 'minWidth', pos: 'x', setSize: 'setWidth', shrinkWrapDock: 'shrinkWrapDockWidth', size: 'width', sizeModel: 'widthModel'}

Ext.Base
view source
: Arrayprivate
...
\n

Defaults to: []

Ext.Base
view source
: Objectprivate
...
\n

Defaults to: {}

Ext.layout.Layout
view source
: Booleanprivate
...
\n

Defaults to: false

Ext.layout.component.Dock
view source
initializedBorders : Objectprivate
\n
\n
Ext.layout.component.Component
view source
: Booleanprivate
...
\n

Defaults to: true

Ext.Base
view source
: Booleanprivate
...
\n

Defaults to: true

Ext.layout.Layout
view source
: Booleanreadonly
true in this class to identify an object as an instantiated Layout, or subclass thereof. ...

true in this class to identify an object as an instantiated Layout, or subclass thereof.

\n

Defaults to: true

Ext.layout.component.Dock
view source
: Arrayprivate
...
\n

Defaults to: [Ext.baseCSSPrefix + 'docked-noborder-top', Ext.baseCSSPrefix + 'docked-noborder-right', Ext.baseCSSPrefix + 'docked-noborder-bottom', Ext.baseCSSPrefix + 'docked-noborder-left']

Ext.layout.component.Dock
view source
: Objectprivate
...
\n

Defaults to: {top: Ext.baseCSSPrefix + 'docked-noborder-top', right: Ext.baseCSSPrefix + 'docked-noborder-right', bottom: Ext.baseCSSPrefix + 'docked-noborder-bottom', left: Ext.baseCSSPrefix + 'docked-noborder-left'}

Ext.layout.component.Component
view source
: Objectprivate
...
\n

Defaults to: {}

Ext.layout.Layout
view source
: Booleanprivate
...
\n

Defaults to: false

Ext.Base
view source
: Ext.Classprotected
Get the reference to the current class from which this object was instantiated. ...

Get the reference to the current class from which this object was instantiated. Unlike statics,\nthis.self is scope-dependent and it's meant to be used for dynamic inheritance. See statics\nfor a detailed comparison

\n\n
Ext.define('My.Cat', {\n    statics: {\n        speciesName: 'Cat' // My.Cat.speciesName = 'Cat'\n    },\n\n    constructor: function() {\n        alert(this.self.speciesName); // dependent on 'this'\n    },\n\n    clone: function() {\n        return new this.self();\n    }\n});\n\n\nExt.define('My.SnowLeopard', {\n    extend: 'My.Cat',\n    statics: {\n        speciesName: 'Snow Leopard'         // My.SnowLeopard.speciesName = 'Snow Leopard'\n    }\n});\n\nvar cat = new My.Cat();                     // alerts 'Cat'\nvar snowLeopard = new My.SnowLeopard();     // alerts 'Snow Leopard'\n\nvar clone = snowLeopard.clone();\nalert(Ext.getClassName(clone));             // alerts 'My.SnowLeopard'\n
\n
Ext.layout.component.Dock
view source
: Objectprivate
...
\n

Defaults to: {nostretch: {setsWidth: 0, setsHeight: 0}, horz: {shrinkWrap: {setsWidth: 1, setsHeight: 0, readsWidth: 1}, stretch: {setsWidth: 1, setsHeight: 0}}, vert: {shrinkWrap: {setsWidth: 0, setsHeight: 1, readsHeight: 1}, stretch: {setsWidth: 0, setsHeight: 1}}, stretchV: {setsWidth: 0, setsHeight: 1}, autoStretchH: {readsWidth: 1, setsWidth: 1, setsHeight: 0}, autoStretchV: {readsHeight: 1, setsWidth: 0, setsHeight: 1}}

Ext.layout.component.Dock
view source
: Stringprivate
End Definitions ...

End Definitions

\n

Defaults to: 'dock'

Overrides: Ext.layout.component.Component.type

Ext.layout.component.Component
view source
: Booleanprivate
...
\n

Defaults to: true

Ext.layout.component.Component
view source
: Booleanprivate
...
\n

Defaults to: true

Ext.layout.component.Component
view source
: Booleanprivate
...
\n

Defaults to: true

Ext.layout.component.Component
view source
: Booleanprivate
...
\n

Defaults to: true

Ext.layout.component.Dock
view source
: Objectprivate
...
\n

Defaults to: {name: 'vert', oppositeName: 'horz', dockBegin: 'top', dockEnd: 'bottom', horizontal: false, marginBegin: 'margin-top', maxSize: 'maxHeight', minSize: 'minHeight', pos: 'y', setSize: 'setHeight', shrinkWrapDock: 'shrinkWrapDockHeight', size: 'height', sizeModel: 'heightModel'}

Ext.layout.component.Dock
view source
: Objectprivate
...
\n

Defaults to: {height: true, y: true}

Defined By

Static Properties

Ext.Base
view source
: Arrayprivatestatic
...
\n

Defaults to: []

Methods

Defined By

Instance Methods

Ext.layout.component.Dock
view source
( itemContext, options )private
...
\n

Parameters

Ext.layout.component.Dock
view source
( item )protected
Removes layout's itemCls and owning Container's itemCls. ...

Removes layout's itemCls and owning Container's itemCls.\nClears the managed dimensions flags

\n

Parameters

Overrides: Ext.layout.Layout.afterRemove

Ext.layout.Layout
view source
( )private
...
\n
Ext.layout.component.Dock
view source
( itemContext, options )private
...
\n

Parameters

Ext.layout.component.Dock
view source
( ownerContext )private
...
\n

Parameters

Ext.layout.component.Dock
view source
( ownerContext )
Called before any calculation cycles to prepare for layout. ...

Called before any calculation cycles to prepare for layout.

\n\n

This is a write phase and DOM reads should be strictly avoided when overridding\nthis method.

\n

Parameters

Overrides: Ext.layout.Layout.beginLayout

Ext.layout.component.Dock
view source
( ownerContext )
Called before any calculation cycles to reset DOM values and prepare for calculation. ...

Called before any calculation cycles to reset DOM values and prepare for calculation.

\n\n

This is a write phase and DOM reads should be strictly avoided when overridding\nthis method.

\n

Parameters

Overrides: Ext.layout.component.Component.beginLayoutCycle

Ext.layout.component.Component
view source
( ownerContext )private
...
\n

Parameters

Ext.layout.component.Dock
view source
( ownerContext )abstract
Called to perform the calculations for this layout. ...

Called to perform the calculations for this layout. This method will be called at\nleast once and may be called repeatedly if the done property is cleared\nbefore return to indicate that this layout is not yet done. The done property\nis always set to true before entering this method.

\n\n

This is a read phase and DOM writes should be strictly avoided in derived classes.\nInstead, DOM writes need to be written to Ext.layout.ContextItem objects to\n be flushed at the next opportunity.

\n

Parameters

Overrides: Ext.layout.Layout.calculate

Ext.Base
view source
( args ) : Objectdeprecatedprotected
Call the original method that was previously overridden with override\n\nExt.define('My.Cat', {\n constructor: functi...

Call the original method that was previously overridden with override

\n\n
Ext.define('My.Cat', {\n    constructor: function() {\n        alert(\"I'm a cat!\");\n    }\n});\n\nMy.Cat.override({\n    constructor: function() {\n        alert(\"I'm going to be a cat!\");\n\n        this.callOverridden();\n\n        alert(\"Meeeeoooowwww\");\n    }\n});\n\nvar kitty = new My.Cat(); // alerts \"I'm going to be a cat!\"\n                          // alerts \"I'm a cat!\"\n                          // alerts \"Meeeeoooowwww\"\n
\n
\n

This method has been deprecated

\n

as of 4.1. Use callParent instead.

\n\n
\n

Parameters

  • args : Array/Arguments

    The arguments, either an array or the arguments object\nfrom the current method, for example: this.callOverridden(arguments)

    \n

Returns

  • Object

    Returns the result of calling the overridden method

    \n
Ext.Base
view source
( args ) : Objectprotected
Call the \"parent\" method of the current method. ...

Call the \"parent\" method of the current method. That is the method previously\noverridden by derivation or by an override (see Ext.define).

\n\n
 Ext.define('My.Base', {\n     constructor: function (x) {\n         this.x = x;\n     },\n\n     statics: {\n         method: function (x) {\n             return x;\n         }\n     }\n });\n\n Ext.define('My.Derived', {\n     extend: 'My.Base',\n\n     constructor: function () {\n         this.callParent([21]);\n     }\n });\n\n var obj = new My.Derived();\n\n alert(obj.x);  // alerts 21\n
\n\n

This can be used with an override as follows:

\n\n
 Ext.define('My.DerivedOverride', {\n     override: 'My.Derived',\n\n     constructor: function (x) {\n         this.callParent([x*2]); // calls original My.Derived constructor\n     }\n });\n\n var obj = new My.Derived();\n\n alert(obj.x);  // now alerts 42\n
\n\n

This also works with static methods.

\n\n
 Ext.define('My.Derived2', {\n     extend: 'My.Base',\n\n     statics: {\n         method: function (x) {\n             return this.callParent([x*2]); // calls My.Base.method\n         }\n     }\n });\n\n alert(My.Base.method(10);     // alerts 10\n alert(My.Derived2.method(10); // alerts 20\n
\n\n

Lastly, it also works with overridden static methods.

\n\n
 Ext.define('My.Derived2Override', {\n     override: 'My.Derived2',\n\n     statics: {\n         method: function (x) {\n             return this.callParent([x*2]); // calls My.Derived2.method\n         }\n     }\n });\n\n alert(My.Derived2.method(10); // now alerts 40\n
\n\n

To override a method and replace it and also call the superclass method, use\ncallSuper. This is often done to patch a method to fix a bug.

\n

Parameters

  • args : Array/Arguments

    The arguments, either an array or the arguments object\nfrom the current method, for example: this.callParent(arguments)

    \n

Returns

  • Object

    Returns the result of calling the parent method

    \n
Ext.Base
view source
( args ) : Objectprotected
This method is used by an override to call the superclass method but bypass any\noverridden method. ...

This method is used by an override to call the superclass method but bypass any\noverridden method. This is often done to \"patch\" a method that contains a bug\nbut for whatever reason cannot be fixed directly.

\n\n

Consider:

\n\n
 Ext.define('Ext.some.Class', {\n     method: function () {\n         console.log('Good');\n     }\n });\n\n Ext.define('Ext.some.DerivedClass', {\n     method: function () {\n         console.log('Bad');\n\n         // ... logic but with a bug ...\n\n         this.callParent();\n     }\n });\n
\n\n

To patch the bug in DerivedClass.method, the typical solution is to create an\noverride:

\n\n
 Ext.define('App.paches.DerivedClass', {\n     override: 'Ext.some.DerivedClass',\n\n     method: function () {\n         console.log('Fixed');\n\n         // ... logic but with bug fixed ...\n\n         this.callSuper();\n     }\n });\n
\n\n

The patch method cannot use callParent to call the superclass method since\nthat would call the overridden method containing the bug. In other words, the\nabove patch would only produce \"Fixed\" then \"Good\" in the console log, whereas,\nusing callParent would produce \"Fixed\" then \"Bad\" then \"Good\".

\n

Parameters

  • args : Array/Arguments

    The arguments, either an array or the arguments object\nfrom the current method, for example: this.callSuper(arguments)

    \n

Returns

  • Object

    Returns the result of calling the superclass method

    \n
Ext.layout.Layout
view source
( ownerContext )
This method (if implemented) is called at the end of the cycle in which this layout\ncompletes (by not setting done to...

This method (if implemented) is called at the end of the cycle in which this layout\ncompletes (by not setting done to false in calculate). It is\npossible for the layout to complete and yet become invalid before the end of the cycle,\nin which case, this method will not be called. It is also possible for this method to\nbe called and then later the layout becomes invalidated. This will result in\ncalculate being called again, followed by another call to this method.

\n\n

This is a read phase and DOM writes should be strictly avoided in derived classes.\nInstead, DOM writes need to be written to Ext.layout.ContextItem objects to\nbe flushed at the next opportunity.

\n\n

This method need not be implemented by derived classes and, in fact, should only be\nimplemented when needed.

\n

Parameters

Ext.Base
view source
( )private
...
\n
Ext.layout.component.Dock
view source
( item )protected
We are overriding the Ext.layout.Layout configureItem method to also add a class that\nindicates the position of the d...

We are overriding the Ext.layout.Layout configureItem method to also add a class that\nindicates the position of the docked item. We use the itemCls (x-docked) as a prefix.\nAn example of a class added to a dock: right item is x-docked-right

\n

Parameters

Overrides: Ext.layout.Layout.configureItem

Ext.layout.component.Dock
view source
( ownerContext, contentSize, sizeModel, axisProps, collapsedAxis )private
Creates an axis object given the particulars. ...

Creates an axis object given the particulars. The process starts by placing the\ndockedItems in an idealized box where this method is called once for each side.\nThe ideal box is defined by the CSS3 border and padding values (which account for\nthe influence of border-radius). The origin (the (0,0) point) of the ideal box is\nthe top-left edge of the border or the border-box. Normal dockedItems are placed\ninside this box at an offset to clear the border and padding and sit properly in\nthe panel next to the body.

\n\n

The origin has to be started differently if the axis is in shrinkWrap mode. When\nshrink-wrapping an axis, the axis starts at the edge of the body and expands\noutwards as items are docked. This means the ideal (0,0) for shrinkWrap is on the\ntop-left corner of the body.

\n\n

The following diagram illustrates this using the vertical axis.

\n\n
 +---------------------------+ 10px (border)\n |                           |\n |  xxxxxxxxxxxxxxxxxxxxxxx  | 5px (padding)   shrinkWrap    other\n |  +=====================+  |                   -50         15\n |  |  Header             |  | 30px\n |  |                     |  |\n |  +=====================+  |\n |  +---------------------+  |                   -20         45\n |  |  tbar               |  | 20 px\n |  +---------------------+  |\n |  +---------------------+  |                   0           65\n |  |  Body               |  | 100px\n |  |                     |  |\n |  |                     |  |\n |  +---------------------+  |\n |  +---------------------+  |                   100         165\n |  |  bbar               |  | 15px\n |  +---------------------+  |\n |  xxxxxxxxxxxxxxxxxxxxxxx  | 5px\n |                           |\n +---------------------------+ 10px\n
\n\n

These are sufficient to determine sizes of things, but to finalize this process\nand assign proper positions, the tentative coordinates have to be adjusted by an\namount appropriate for the item. Because dockedItems are position:absolute, they\nsit inside the border and so must be adjusted for padding. The body is different\nbecause it is position:relative and so it naturally sits inside the padding and\nthe padding must not be included in its position.

\n\n

Headers and footers that use ignoreParentFrame interact with this process by\nmoving themselves outside the border and padding. So in the above diagram, the\nHeader would move up by 15px and everything else would move up by 10px. When\nshrinkWrap is taking place, the 10px of border on the top is removed from the\nheight as well.

\n\n

The bbar behaves slightly different when it is ignoreParentFrame. In shrinkWrap\nmode, it alone would move down by the padding and the bottom border would not be\nincluded in the height. Otherwise, the bbar would be moved down 15px (since the\nedge is fixed) and the next dockedItem would be placed at, or the body would be\nstretched down to, 5px (padding) pixels above the bbar.

\n

Parameters

Ext.layout.Layout
view source
( )protected
Destroys this layout. ...

Destroys this layout. This method removes a targetCls from the target\nelement and calls onDestroy.

\n\n

A derived class can override either this method or onDestroy but in all\ncases must call the base class versions of these methods to allow the base class to\nperform its cleanup.

\n\n

This method (or onDestroy) are overridden by subclasses most often to purge\nevent handlers or remove unmanged DOM nodes.

\n

Overrides: Ext.Base.destroy

Ext.layout.component.Dock
view source
( ownerContext, axis, backward, forward )private
Docks a child item on the specified axis. ...

Docks a child item on the specified axis. This boils down to determining if the item\nis docked at the \"beginning\" of the axis (\"left\" if horizontal, \"top\" if vertical),\nthe \"end\" of the axis (\"right\" if horizontal, \"bottom\" if vertical) or stretches\nalong the axis (\"top\" or \"bottom\" if horizontal, \"left\" or \"right\" if vertical). It\nalso has to differentiate between fixed and shrinkWrap sized dimensions.

\n

Parameters

Ext.layout.component.Dock
view source
( ownerContext, itemContext, item, axis )private
Docks an item on a fixed-size axis at the \"beginning\". ...

Docks an item on a fixed-size axis at the \"beginning\". The \"beginning\" of the horizontal\naxis is \"left\" and the vertical is \"top\". For a fixed-size axis, the size works from\nthe outer element (the panel) towards the body.

\n

Parameters

Ext.layout.component.Dock
view source
( ownerContext, itemContext, item, axis )private
Docks an item on a fixed-size axis at the \"end\". ...

Docks an item on a fixed-size axis at the \"end\". The \"end\" of the horizontal axis is\n\"right\" and the vertical is \"bottom\".

\n

Parameters

Ext.layout.component.Dock
view source
( ownerContext, itemContext, item, axis )private
Docks an item on a shrinkWrap axis at the \"beginning\". ...

Docks an item on a shrinkWrap axis at the \"beginning\". The \"beginning\" of the horizontal\naxis is \"left\" and the vertical is \"top\". For a shrinkWrap axis, the size works from\nthe body outward to the outermost element (the panel).

\n\n

During the docking process, coordinates are allowed to be negative. We start with the\nbody at (0,0) so items docked \"top\" or \"left\" will simply be assigned negative x/y. In\nthe finishPositions method these are corrected and framing is added. This way\nthe correction is applied as a simple translation of delta x/y on all coordinates to\nbring the origin back to (0,0).

\n

Parameters

Ext.layout.component.Dock
view source
( ownerContext, itemContext, item, axis )private
Docks an item on a shrinkWrap axis at the \"end\". ...

Docks an item on a shrinkWrap axis at the \"end\". The \"end\" of the horizontal axis is\n\"right\" and the vertical is \"bottom\".

\n

Parameters

Ext.layout.component.Dock
view source
( ownerContext, itemContext, item, axis )private
Docks an item that might stretch across an axis. ...

Docks an item that might stretch across an axis. This is done for dock \"top\" and\n\"bottom\" items on the horizontal axis and dock \"left\" and \"right\" on the vertical.

\n

Parameters

Ext.layout.Layout
view source
( ownerContext )
This method (if implemented) is called after all layouts have completed. ...

This method (if implemented) is called after all layouts have completed. In most\nways this is similar to completeLayout. This call can cause this (or any\nlayout) to be become invalid (see Ext.layout.Context.invalidate), but this\nis best avoided. This method is intended to be where final reads are made and so it\nis best to avoid invalidating layouts at this point whenever possible. Even so, this\nmethod can be used to perform final checks that may require all other layouts to be\ncomplete and then invalidate some results.

\n\n

This is a read phase and DOM writes should be strictly avoided in derived classes.\nInstead, DOM writes need to be written to Ext.layout.ContextItem objects to\nbe flushed at the next opportunity.

\n\n

This method need not be implemented by derived classes and, in fact, should only be\nimplemented when needed.

\n

Parameters

Ext.layout.component.Dock
view source
( ownerContext, axis )private
Finishes the calculation of an axis by determining its size. ...

Finishes the calculation of an axis by determining its size. In non-shrink-wrap\ncases, this is also where we set the body size.

\n

Parameters

Ext.layout.component.Dock
view source
( ownerContext, horz, vert )private
Finishes processing of each axis by applying the min/max size constraints. ...

Finishes processing of each axis by applying the min/max size constraints.

\n

Parameters

Ext.layout.component.Dock
view source
( ownerContext, horz, vert )private
Finishes the calculation by setting positions on the body and all of the items. ...

Finishes the calculation by setting positions on the body and all of the items.

\n

Parameters

Ext.layout.component.Dock
view source
( )private
...
\n

Overrides: Ext.layout.Layout.finishRender

Ext.layout.Layout
view source
( target, items )private
...
\n

Parameters

Ext.layout.component.Dock
view source
( ownerContext )
This method is called after all layouts are complete and their calculations flushed\nto the DOM. ...

This method is called after all layouts are complete and their calculations flushed\nto the DOM. No further layouts will be run and this method is only called once per\nlayout run. The base component layout caches lastComponentSize.

\n\n

This is a write phase and DOM reads should be avoided if possible when overridding\nthis method.

\n\n

This method need not be implemented by derived classes and, in fact, should only be\nimplemented when needed.

\n

Parameters

Overrides: Ext.layout.component.Component.finishedLayout

Ext.layout.component.Dock
view source
( ownerContext )private
...
\n

Parameters

Overrides: Ext.layout.Layout.getAnimatePolicy

Ext.layout.component.Dock
view source
( )private
Returns the array of class names to add to a docked item or body element when for\nthe edges that should collapse with...

Returns the array of class names to add to a docked item or body element when for\nthe edges that should collapse with the outer component border. Basically, the\npanel's outer border must look visually like a contiguous border but may need to\nbe realized by using the border of docked items and/or the body. This class name\nallows the border color and width to be controlled accordingly and distinctly from\nthe border of the docked item or body element when it is not having its border\ncollapsed.

\n
Ext.Base
view source
( name )private
...
\n

Parameters

Ext.layout.component.Dock
view source
( dock ) : Stringprivate
Get's the css class name for a given dock position. ...

Get's the css class name for a given dock position.

\n

Parameters

  • dock : String

    top, right, bottom, or left

    \n

Returns

Ext.layout.component.Dock
view source
( [order], [beforeBody] ) : Ext.Component[]protected
Retrieve an ordered and/or filtered array of all docked Components. ...

Retrieve an ordered and/or filtered array of all docked Components.

\n

Parameters

  • order : String (optional)

    The desired ordering of the items ('render' or 'visual').

    \n

    Defaults to: 'render'

  • beforeBody : Boolean (optional)

    An optional flag to limit the set of items to only those\n before the body (true) or after the body (false). All components are returned by\n default.

    \n

Returns

Ext.Base
view source
( [name] ) : Object/Mixed
Returns the initial configuration passed to constructor when instantiating\nthis class. ...

Returns the initial configuration passed to constructor when instantiating\nthis class.

\n

Parameters

  • name : String (optional)

    Name of the config option to return.

    \n

Returns

  • Object/Mixed

    The full config object or a single config value\nwhen name parameter specified.

    \n
Ext.layout.component.Dock
view source
( item ) : Ext.layout.SizePolicyprotected
Returns an object describing how this layout manages the size of the given component. ...

Returns an object describing how this layout manages the size of the given component.\nThis method must be implemented by any layout that manages components.

\n

Parameters

Returns

Overrides: Ext.layout.Layout.getItemSizePolicy

Ext.layout.component.Dock
view source
( item, order )private
...
\n

Parameters

Ext.layout.Layout
view source
( items, renderCfgs )private
...
\n

Parameters

Ext.layout.component.Dock
view source
( ) : Arrayprotected
Returns an array containing all the visible docked items inside this layout's owner Panel ...

Returns an array containing all the visible docked items inside this layout's owner Panel

\n

Returns

  • Array

    An array containing all the visible docked items of the Panel

    \n

Overrides: Ext.layout.Layout.getLayoutItems

Ext.layout.Layout
view source
( position )private
...
\n

Parameters

Ext.layout.component.Component
view source
( ) : Ext.Element
Returns the element into which rendering must take place. ...

Returns the element into which rendering must take place. Defaults to the owner Component's encapsulating element.

\n\n

May be overridden in Component layout managers which implement an inner element.

\n

Returns

Ext.layout.component.Component
view source
( ) : Ext.Element
Returns the owner component's resize element. ...

Returns the owner component's resize element.

\n

Returns

Ext.layout.component.Dock
view source
( )private
...
\n
Ext.Base
view source
( config )private
...
\n

Parameters

Ext.Base
view source
( config ) : Ext.Basechainableprotected
Initialize configuration for this class. ...

Initialize configuration for this class. a typical example:

\n\n
Ext.define('My.awesome.Class', {\n    // The default config\n    config: {\n        name: 'Awesome',\n        isAwesome: true\n    },\n\n    constructor: function(config) {\n        this.initConfig(config);\n    }\n});\n\nvar awesome = new My.awesome.Class({\n    name: 'Super Awesome'\n});\n\nalert(awesome.getName()); // 'Super Awesome'\n
\n

Parameters

Returns

Ext.layout.Layout
view source
( )protected
A one-time initialization method called just before rendering. ...

A one-time initialization method called just before rendering.

\n
Ext.layout.component.Dock
view source
( ownerContext, horz, vert )
The default weighting of docked items produces this arrangement:\n\n +--------------------------------------------+\n | ...

The default weighting of docked items produces this arrangement:

\n\n
 +--------------------------------------------+\n |                    Top 1                   |\n +--------------------------------------------+\n |                    Top 2                   |\n +-----+-----+--------------------+-----+-----+\n |     |     |                    |     |     |\n |     |     |                    |     |     |\n |     |     |                    |  R  |  R  |\n |  L  |  L  |                    |  I  |  I  |\n |  E  |  E  |                    |  G  |  G  |\n |  F  |  F  |                    |  H  |  H  |\n |  T  |  T  |                    |  T  |  T  |\n |     |     |                    |     |     |\n |  2  |  1  |                    |  1  |  2  |\n |     |     |                    |     |     |\n |     |     |                    |     |     |\n +-----+-----+--------------------+-----+-----+\n |                  Bottom 1                  |\n +--------------------------------------------+\n |                  Bottom 2                  |\n +--------------------------------------------+\n
\n\n

So when we are shrinkWrapDock on the horizontal, the stretch size for top/bottom\ndocked items is the final axis size. For the vertical axis, however, the stretch

\n

Parameters

Ext.layout.component.Dock
view source
( itemContext )private
...
\n

Parameters

Overrides: Ext.layout.Layout.isItemBoxParent

Ext.layout.Layout
view source
( item )private
...
\n

Parameters

Ext.layout.component.Dock
view source
( item )private
...
\n

Parameters

Overrides: Ext.layout.Layout.isItemShrinkWrap

Ext.layout.Layout
view source
( )private
...
\n
Ext.layout.Layout
view source
( item, target, position )protected
Validates item is in the proper place in the dom. ...

Validates item is in the proper place in the dom.

\n

Parameters

Ext.layout.component.Component
view source
( ownerContext, dimensions )private
...
\n

Parameters

Ext.layout.component.Dock
view source
( ownerContext )private
...
\n

Parameters

Overrides: Ext.layout.component.Component.measureContentHeight

Ext.layout.component.Dock
view source
( ownerContext )private
Content size includes padding but not borders, so subtract them off ...

Content size includes padding but not borders, so subtract them off

\n

Parameters

Overrides: Ext.layout.component.Component.measureContentWidth

Ext.layout.component.Component
view source
( ownerContext )private
...
\n

Parameters

Ext.layout.component.Component
view source
( ownerContext )private
...
\n

Parameters

Ext.layout.Layout
view source
( item, target, position )private
Moves Component to the provided target instead. ...

Moves Component to the provided target instead.

\n

Parameters

Ext.layout.component.Component
view source
( ownerContext )
This method (if implemented) is called after all layouts are finished, and all have\na lastComponentSize cached. ...

This method (if implemented) is called after all layouts are finished, and all have\na lastComponentSize cached. No further layouts will be run and this method is only\ncalled once per layout run. It is the bookend to beginLayout.

\n\n

This is a write phase and DOM reads should be avoided if possible when overridding\nthis method. This is the catch-all tail method to a layout and so the rules are more\nrelaxed. Even so, for performance reasons, it is best to avoid reading the DOM. If\na read is necessary, consider implementing a finalizeLayout method to do the\nrequired reads.

\n\n

This method need not be implemented by derived classes and, in fact, should only be\nimplemented when needed.

\n

Parameters

Overrides: Ext.layout.Layout.notifyOwner

Ext.layout.Layout
view source
( item )private
...
\n

Parameters

Ext.Base
view source
( names, callback, scope )private
...
\n

Parameters

Ext.layout.Layout
view source
( child ) : Boolean
This method is called when a child item changes in some way. ...

This method is called when a child item changes in some way. By default this calls\nExt.AbstractComponent.updateLayout on this layout's owner.

\n

Parameters

Returns

  • Boolean

    True if this layout has handled the content change.

    \n
Ext.layout.Layout
view source
( )private
...
\n
Ext.layout.Layout
view source
( )private
...
\n
Ext.layout.component.Dock
view source
( ownerContext )private
...
\n

Parameters

Ext.layout.component.Dock
view source
( )private
override inherited. ...

override inherited.\nWe need to render in the correct order, top/left before bottom/right

\n

Overrides: Ext.layout.Layout.renderChildren

Ext.layout.Layout
view source
( item, target, position )private
Renders the given Component into the target Element. ...

Renders the given Component into the target Element.

\n

Parameters

Ext.layout.component.Dock
view source
( items, target )protected
Render the top and left docked items before any existing DOM nodes in our render target,\nand then render the right an...

Render the top and left docked items before any existing DOM nodes in our render target,\nand then render the right and bottom docked items after. This is important, for such things\nas tab stops and ARIA readers, that the DOM nodes are in a meaningful order.\nOur collection of docked items will already be ordered via Panel.getDockedItems().

\n

Parameters

Overrides: Ext.layout.Layout.renderItems

Ext.Base
view source
( config, applyIfNotSet ) : Ext.Basechainableprivate
...
\n

Parameters

Returns

Ext.layout.Layout
view source
( owner )private
Sets the layout owner ...

Sets the layout owner

\n

Parameters

Ext.layout.Layout
view source
( items, reverseProp )private
...
\n

Parameters

Ext.Base
view source
( ) : Ext.Classprotected
Get the reference to the class from which this object was instantiated. ...

Get the reference to the class from which this object was instantiated. Note that unlike self,\nthis.statics() is scope-independent and it always returns the class from which it was called, regardless of what\nthis points to during run-time

\n\n
Ext.define('My.Cat', {\n    statics: {\n        totalCreated: 0,\n        speciesName: 'Cat' // My.Cat.speciesName = 'Cat'\n    },\n\n    constructor: function() {\n        var statics = this.statics();\n\n        alert(statics.speciesName);     // always equals to 'Cat' no matter what 'this' refers to\n                                        // equivalent to: My.Cat.speciesName\n\n        alert(this.self.speciesName);   // dependent on 'this'\n\n        statics.totalCreated++;\n    },\n\n    clone: function() {\n        var cloned = new this.self;                      // dependent on 'this'\n\n        cloned.groupName = this.statics().speciesName;   // equivalent to: My.Cat.speciesName\n\n        return cloned;\n    }\n});\n\n\nExt.define('My.SnowLeopard', {\n    extend: 'My.Cat',\n\n    statics: {\n        speciesName: 'Snow Leopard'     // My.SnowLeopard.speciesName = 'Snow Leopard'\n    },\n\n    constructor: function() {\n        this.callParent();\n    }\n});\n\nvar cat = new My.Cat();                 // alerts 'Cat', then alerts 'Cat'\n\nvar snowLeopard = new My.SnowLeopard(); // alerts 'Cat', then alerts 'Snow Leopard'\n\nvar clone = snowLeopard.clone();\nalert(Ext.getClassName(clone));         // alerts 'My.SnowLeopard'\nalert(clone.groupName);                 // alerts 'Cat'\n\nalert(My.Cat.totalCreated);             // alerts 3\n
\n

Returns

Ext.layout.component.Dock
view source
( ownerContext )private
...
\n

Parameters

Overrides: Ext.layout.Layout.undoLayout

Defined By

Static Methods

Ext.Base
view source
( config )privatestatic
...
\n

Parameters

Ext.Base
view source
( members )chainableprivatestatic
...
\n

Parameters

Ext.Base
view source
( name, member )chainableprivatestatic
...
\n

Parameters

Ext.Base
view source
( members )chainablestatic
Add methods / properties to the prototype of this class. ...

Add methods / properties to the prototype of this class.

\n\n
Ext.define('My.awesome.Cat', {\n    constructor: function() {\n        ...\n    }\n});\n\n My.awesome.Cat.addMembers({\n     meow: function() {\n        alert('Meowww...');\n     }\n });\n\n var kitty = new My.awesome.Cat;\n kitty.meow();\n
\n

Parameters

Ext.Base
view source
( members ) : Ext.Basechainablestatic
Add / override static properties of this class. ...

Add / override static properties of this class.

\n\n
Ext.define('My.cool.Class', {\n    ...\n});\n\nMy.cool.Class.addStatics({\n    someProperty: 'someValue',      // My.cool.Class.someProperty = 'someValue'\n    method1: function() { ... },    // My.cool.Class.method1 = function() { ... };\n    method2: function() { ... }     // My.cool.Class.method2 = function() { ... };\n});\n
\n

Parameters

Returns

Ext.Base
view source
( xtype )chainableprivatestatic
...
\n

Parameters

Ext.Base
view source
( fromClass, members ) : Ext.Basechainableprivatestatic
Borrow another class' members to the prototype of this class. ...

Borrow another class' members to the prototype of this class.

\n\n
Ext.define('Bank', {\n    money: '$$$',\n    printMoney: function() {\n        alert('$$$$$$$');\n    }\n});\n\nExt.define('Thief', {\n    ...\n});\n\nThief.borrow(Bank, ['money', 'printMoney']);\n\nvar steve = new Thief();\n\nalert(steve.money); // alerts '$$$'\nsteve.printMoney(); // alerts '$$$$$$$'\n
\n

Parameters

  • fromClass : Ext.Base

    The class to borrow members from

    \n
  • members : Array/String

    The names of the members to borrow

    \n

Returns

Ext.Base
view source
( ) : Objectstatic
Create a new instance of this Class. ...

Create a new instance of this Class.

\n\n
Ext.define('My.cool.Class', {\n    ...\n});\n\nMy.cool.Class.create({\n    someConfig: true\n});\n
\n\n

All parameters are passed to the constructor of the class.

\n

Returns

Ext.Base
view source
( alias, origin )static
Create aliases for existing prototype methods. ...

Create aliases for existing prototype methods. Example:

\n\n
Ext.define('My.cool.Class', {\n    method1: function() { ... },\n    method2: function() { ... }\n});\n\nvar test = new My.cool.Class();\n\nMy.cool.Class.createAlias({\n    method3: 'method1',\n    method4: 'method2'\n});\n\ntest.method3(); // test.method1()\n\nMy.cool.Class.createAlias('method5', 'method3');\n\ntest.method5(); // test.method3() -> test.method1()\n
\n

Parameters

Ext.Base
view source
( config )privatestatic
...
\n

Parameters

Ext.Base
view source
( ) : Stringstatic
Get the current class' name in string format. ...

Get the current class' name in string format.

\n\n
Ext.define('My.cool.Class', {\n    constructor: function() {\n        alert(this.self.getName()); // alerts 'My.cool.Class'\n    }\n});\n\nMy.cool.Class.getName(); // 'My.cool.Class'\n
\n

Returns

Ext.Base
view source
( )deprecatedstatic
Adds members to class. ...

Adds members to class.

\n
\n

This method has been deprecated since 4.1

\n

Use addMembers instead.

\n\n
\n
Ext.Base
view source
( name, mixinClass )privatestatic
Used internally by the mixins pre-processor ...

Used internally by the mixins pre-processor

\n

Parameters

Ext.Base
view source
( fn, scope )chainableprivatestatic
...
\n

Parameters

Ext.Base
view source
( members ) : Ext.Basechainabledeprecatedstatic
Override members of this class. ...

Override members of this class. Overridden methods can be invoked via\ncallParent.

\n\n
Ext.define('My.Cat', {\n    constructor: function() {\n        alert(\"I'm a cat!\");\n    }\n});\n\nMy.Cat.override({\n    constructor: function() {\n        alert(\"I'm going to be a cat!\");\n\n        this.callParent(arguments);\n\n        alert(\"Meeeeoooowwww\");\n    }\n});\n\nvar kitty = new My.Cat(); // alerts \"I'm going to be a cat!\"\n                          // alerts \"I'm a cat!\"\n                          // alerts \"Meeeeoooowwww\"\n
\n\n

As of 4.1, direct use of this method is deprecated. Use Ext.define\ninstead:

\n\n
Ext.define('My.CatOverride', {\n    override: 'My.Cat',\n    constructor: function() {\n        alert(\"I'm going to be a cat!\");\n\n        this.callParent(arguments);\n\n        alert(\"Meeeeoooowwww\");\n    }\n});\n
\n\n

The above accomplishes the same result but can be managed by the Ext.Loader\nwhich can properly order the override and its target class and the build process\ncan determine whether the override is needed based on the required state of the\ntarget class (My.Cat).

\n
\n

This method has been deprecated since 4.1.0

\n

Use Ext.define instead

\n\n
\n

Parameters

  • members : Object

    The properties to add to this class. This should be\nspecified as an object literal containing one or more properties.

    \n

Returns

Ext.Base
view source
( )privatestatic
...
\n
","superclasses":["Ext.Base","Ext.layout.Layout","Ext.layout.component.Component"],"meta":{"private":true},"code_type":"ext_define","requires":[],"html_meta":{"private":null},"statics":{"property":[{"tagname":"property","owner":"Ext.Base","meta":{"static":true,"private":true},"name":"$onExtended","id":"static-property-S-onExtended"}],"cfg":[],"css_var":[],"method":[{"tagname":"method","owner":"Ext.Base","meta":{"static":true,"private":true},"name":"addConfig","id":"static-method-addConfig"},{"tagname":"method","owner":"Ext.Base","meta":{"static":true,"chainable":true,"private":true},"name":"addInheritableStatics","id":"static-method-addInheritableStatics"},{"tagname":"method","owner":"Ext.Base","meta":{"static":true,"chainable":true,"private":true},"name":"addMember","id":"static-method-addMember"},{"tagname":"method","owner":"Ext.Base","meta":{"static":true,"chainable":true},"name":"addMembers","id":"static-method-addMembers"},{"tagname":"method","owner":"Ext.Base","meta":{"static":true,"chainable":true},"name":"addStatics","id":"static-method-addStatics"},{"tagname":"method","owner":"Ext.Base","meta":{"static":true,"chainable":true,"private":true},"name":"addXtype","id":"static-method-addXtype"},{"tagname":"method","owner":"Ext.Base","meta":{"static":true,"chainable":true,"private":true},"name":"borrow","id":"static-method-borrow"},{"tagname":"method","owner":"Ext.Base","meta":{"static":true},"name":"create","id":"static-method-create"},{"tagname":"method","owner":"Ext.Base","meta":{"static":true},"name":"createAlias","id":"static-method-createAlias"},{"tagname":"method","owner":"Ext.Base","meta":{"static":true,"private":true},"name":"extend","id":"static-method-extend"},{"tagname":"method","owner":"Ext.Base","meta":{"static":true},"name":"getName","id":"static-method-getName"},{"tagname":"method","owner":"Ext.Base","meta":{"static":true,"deprecated":{"text":"Use {@link #addMembers} instead.","version":"4.1"}},"name":"implement","id":"static-method-implement"},{"tagname":"method","owner":"Ext.Base","meta":{"static":true,"private":true},"name":"mixin","id":"static-method-mixin"},{"tagname":"method","owner":"Ext.Base","meta":{"static":true,"chainable":true,"private":true},"name":"onExtended","id":"static-method-onExtended"},{"tagname":"method","owner":"Ext.Base","meta":{"static":true,"chainable":true,"markdown":true,"deprecated":{"text":"Use {@link Ext#define Ext.define} instead","version":"4.1.0"}},"name":"override","id":"static-method-override"},{"tagname":"method","owner":"Ext.Base","meta":{"static":true,"private":true},"name":"triggerExtended","id":"static-method-triggerExtended"}],"event":[],"css_mixin":[]},"files":[{"href":"Dock.html#Ext-layout-component-Dock","filename":"Dock.js"}],"linenr":1,"members":{"property":[{"tagname":"property","owner":"Ext.Base","meta":{"private":true},"name":"$className","id":"property-S-className"},{"tagname":"property","owner":"Ext.layout.Layout","meta":{"private":true},"name":"autoSizePolicy","id":"property-autoSizePolicy"},{"tagname":"property","owner":"Ext.layout.component.Dock","meta":{"private":true},"name":"borderCollapseMap","id":"property-borderCollapseMap"},{"tagname":"property","owner":"Ext.layout.component.Dock","meta":{"private":true},"name":"borderWidthProps","id":"property-borderWidthProps"},{"tagname":"property","owner":"Ext.Base","meta":{"private":true},"name":"configMap","id":"property-configMap"},{"tagname":"property","owner":"Ext.layout.Layout","meta":{},"name":"done","id":"property-done"},{"tagname":"property","owner":"Ext.layout.component.Dock","meta":{"private":true},"name":"horizontalCollapsePolicy","id":"property-horizontalCollapsePolicy"},{"tagname":"property","owner":"Ext.layout.component.Dock","meta":{"private":true},"name":"horzAxisProps","id":"property-horzAxisProps"},{"tagname":"property","owner":"Ext.Base","meta":{"private":true},"name":"initConfigList","id":"property-initConfigList"},{"tagname":"property","owner":"Ext.Base","meta":{"private":true},"name":"initConfigMap","id":"property-initConfigMap"},{"tagname":"property","owner":"Ext.layout.Layout","meta":{"private":true},"name":"initialized","id":"property-initialized"},{"tagname":"property","owner":"Ext.layout.component.Dock","meta":{"private":true},"name":"initializedBorders","id":"property-initializedBorders"},{"tagname":"property","owner":"Ext.layout.component.Component","meta":{"private":true},"name":"isComponentLayout","id":"property-isComponentLayout"},{"tagname":"property","owner":"Ext.Base","meta":{"private":true},"name":"isInstance","id":"property-isInstance"},{"tagname":"property","owner":"Ext.layout.Layout","meta":{"readonly":true},"name":"isLayout","id":"property-isLayout"},{"tagname":"property","owner":"Ext.layout.component.Dock","meta":{"private":true},"name":"noBorderClasses","id":"property-noBorderClasses"},{"tagname":"property","owner":"Ext.layout.component.Dock","meta":{"private":true},"name":"noBorderClassesSides","id":"property-noBorderClassesSides"},{"tagname":"property","owner":"Ext.layout.component.Component","meta":{"private":true},"name":"nullBox","id":"property-nullBox"},{"tagname":"property","owner":"Ext.layout.Layout","meta":{"private":true},"name":"running","id":"property-running"},{"tagname":"property","owner":"Ext.Base","meta":{"protected":true},"name":"self","id":"property-self"},{"tagname":"property","owner":"Ext.layout.component.Dock","meta":{"private":true},"name":"sizePolicy","id":"property-sizePolicy"},{"tagname":"property","owner":"Ext.layout.component.Dock","meta":{"private":true},"name":"type","id":"property-type"},{"tagname":"property","owner":"Ext.layout.component.Component","meta":{"private":true},"name":"usesContentHeight","id":"property-usesContentHeight"},{"tagname":"property","owner":"Ext.layout.component.Component","meta":{"private":true},"name":"usesContentWidth","id":"property-usesContentWidth"},{"tagname":"property","owner":"Ext.layout.component.Component","meta":{"private":true},"name":"usesHeight","id":"property-usesHeight"},{"tagname":"property","owner":"Ext.layout.component.Component","meta":{"private":true},"name":"usesWidth","id":"property-usesWidth"},{"tagname":"property","owner":"Ext.layout.component.Dock","meta":{"private":true},"name":"vertAxisProps","id":"property-vertAxisProps"},{"tagname":"property","owner":"Ext.layout.component.Dock","meta":{"private":true},"name":"verticalCollapsePolicy","id":"property-verticalCollapsePolicy"}],"cfg":[],"css_var":[],"method":[{"tagname":"method","owner":"Ext.layout.Layout","meta":{},"name":"constructor","id":"method-constructor"},{"tagname":"method","owner":"Ext.layout.component.Dock","meta":{"private":true},"name":"afterInvalidateShrinkWrapDock","id":"method-afterInvalidateShrinkWrapDock"},{"tagname":"method","owner":"Ext.layout.component.Dock","meta":{"protected":true},"name":"afterRemove","id":"method-afterRemove"},{"tagname":"method","owner":"Ext.layout.Layout","meta":{"private":true},"name":"afterRenderItem","id":"method-afterRenderItem"},{"tagname":"method","owner":"Ext.layout.component.Dock","meta":{"private":true},"name":"beforeInvalidateShrinkWrapDock","id":"method-beforeInvalidateShrinkWrapDock"},{"tagname":"method","owner":"Ext.layout.component.Dock","meta":{"private":true},"name":"beforeLayoutCycle","id":"method-beforeLayoutCycle"},{"tagname":"method","owner":"Ext.layout.component.Dock","meta":{},"name":"beginLayout","id":"method-beginLayout"},{"tagname":"method","owner":"Ext.layout.component.Dock","meta":{},"name":"beginLayoutCycle","id":"method-beginLayoutCycle"},{"tagname":"method","owner":"Ext.layout.component.Component","meta":{"private":true},"name":"cacheTargetInfo","id":"method-cacheTargetInfo"},{"tagname":"method","owner":"Ext.layout.component.Dock","meta":{"abstract":true},"name":"calculate","id":"method-calculate"},{"tagname":"method","owner":"Ext.Base","meta":{"protected":true,"deprecated":{"text":"as of 4.1. Use {@link #callParent} instead."}},"name":"callOverridden","id":"method-callOverridden"},{"tagname":"method","owner":"Ext.Base","meta":{"protected":true},"name":"callParent","id":"method-callParent"},{"tagname":"method","owner":"Ext.Base","meta":{"protected":true},"name":"callSuper","id":"method-callSuper"},{"tagname":"method","owner":"Ext.layout.Layout","meta":{},"name":"completeLayout","id":"method-completeLayout"},{"tagname":"method","owner":"Ext.Base","meta":{"private":true},"name":"configClass","id":"method-configClass"},{"tagname":"method","owner":"Ext.layout.component.Dock","meta":{"protected":true},"name":"configureItem","id":"method-configureItem"},{"tagname":"method","owner":"Ext.layout.component.Dock","meta":{"private":true},"name":"createAxis","id":"method-createAxis"},{"tagname":"method","owner":"Ext.layout.Layout","meta":{"protected":true},"name":"destroy","id":"method-destroy"},{"tagname":"method","owner":"Ext.layout.component.Dock","meta":{"private":true},"name":"dockChild","id":"method-dockChild"},{"tagname":"method","owner":"Ext.layout.component.Dock","meta":{"private":true},"name":"dockInwardBegin","id":"method-dockInwardBegin"},{"tagname":"method","owner":"Ext.layout.component.Dock","meta":{"private":true},"name":"dockInwardEnd","id":"method-dockInwardEnd"},{"tagname":"method","owner":"Ext.layout.component.Dock","meta":{"private":true},"name":"dockOutwardBegin","id":"method-dockOutwardBegin"},{"tagname":"method","owner":"Ext.layout.component.Dock","meta":{"private":true},"name":"dockOutwardEnd","id":"method-dockOutwardEnd"},{"tagname":"method","owner":"Ext.layout.component.Dock","meta":{"private":true},"name":"dockStretch","id":"method-dockStretch"},{"tagname":"method","owner":"Ext.layout.Layout","meta":{},"name":"finalizeLayout","id":"method-finalizeLayout"},{"tagname":"method","owner":"Ext.layout.component.Dock","meta":{"private":true},"name":"finishAxis","id":"method-finishAxis"},{"tagname":"method","owner":"Ext.layout.component.Dock","meta":{"private":true},"name":"finishConstraints","id":"method-finishConstraints"},{"tagname":"method","owner":"Ext.layout.component.Dock","meta":{"private":true},"name":"finishPositions","id":"method-finishPositions"},{"tagname":"method","owner":"Ext.layout.component.Dock","meta":{"private":true},"name":"finishRender","id":"method-finishRender"},{"tagname":"method","owner":"Ext.layout.Layout","meta":{"private":true},"name":"finishRenderItems","id":"method-finishRenderItems"},{"tagname":"method","owner":"Ext.layout.component.Dock","meta":{},"name":"finishedLayout","id":"method-finishedLayout"},{"tagname":"method","owner":"Ext.layout.component.Dock","meta":{"private":true},"name":"getAnimatePolicy","id":"method-getAnimatePolicy"},{"tagname":"method","owner":"Ext.layout.component.Dock","meta":{"private":true},"name":"getBorderCollapseTable","id":"method-getBorderCollapseTable"},{"tagname":"method","owner":"Ext.Base","meta":{"private":true},"name":"getConfig","id":"method-getConfig"},{"tagname":"method","owner":"Ext.layout.component.Dock","meta":{"private":true},"name":"getDockCls","id":"method-getDockCls"},{"tagname":"method","owner":"Ext.layout.component.Dock","meta":{"protected":true},"name":"getDockedItems","id":"method-getDockedItems"},{"tagname":"method","owner":"Ext.Base","meta":{},"name":"getInitialConfig","id":"method-getInitialConfig"},{"tagname":"method","owner":"Ext.layout.component.Dock","meta":{"protected":true},"name":"getItemSizePolicy","id":"method-getItemSizePolicy"},{"tagname":"method","owner":"Ext.layout.component.Dock","meta":{"private":true},"name":"getItemWeight","id":"method-getItemWeight"},{"tagname":"method","owner":"Ext.layout.Layout","meta":{"private":true},"name":"getItemsRenderTree","id":"method-getItemsRenderTree"},{"tagname":"method","owner":"Ext.layout.component.Dock","meta":{"protected":true},"name":"getLayoutItems","id":"method-getLayoutItems"},{"tagname":"method","owner":"Ext.layout.Layout","meta":{"private":true},"name":"getPositionOffset","id":"method-getPositionOffset"},{"tagname":"method","owner":"Ext.layout.component.Component","meta":{},"name":"getRenderTarget","id":"method-getRenderTarget"},{"tagname":"method","owner":"Ext.layout.component.Component","meta":{},"name":"getTarget","id":"method-getTarget"},{"tagname":"method","owner":"Ext.layout.component.Dock","meta":{"private":true},"name":"handleItemBorders","id":"method-handleItemBorders"},{"tagname":"method","owner":"Ext.Base","meta":{"private":true},"name":"hasConfig","id":"method-hasConfig"},{"tagname":"method","owner":"Ext.Base","meta":{"chainable":true,"protected":true},"name":"initConfig","id":"method-initConfig"},{"tagname":"method","owner":"Ext.layout.Layout","meta":{"protected":true},"name":"initLayout","id":"method-initLayout"},{"tagname":"method","owner":"Ext.layout.component.Dock","meta":{},"name":"invalidateAxes","id":"method-invalidateAxes"},{"tagname":"method","owner":"Ext.layout.component.Dock","meta":{"private":true},"name":"isItemBoxParent","id":"method-isItemBoxParent"},{"tagname":"method","owner":"Ext.layout.Layout","meta":{"private":true},"name":"isItemLayoutRoot","id":"method-isItemLayoutRoot"},{"tagname":"method","owner":"Ext.layout.component.Dock","meta":{"private":true},"name":"isItemShrinkWrap","id":"method-isItemShrinkWrap"},{"tagname":"method","owner":"Ext.layout.Layout","meta":{"private":true},"name":"isRunning","id":"method-isRunning"},{"tagname":"method","owner":"Ext.layout.Layout","meta":{"protected":true},"name":"isValidParent","id":"method-isValidParent"},{"tagname":"method","owner":"Ext.layout.component.Component","meta":{"private":true},"name":"measureAutoDimensions","id":"method-measureAutoDimensions"},{"tagname":"method","owner":"Ext.layout.component.Dock","meta":{"private":true},"name":"measureContentHeight","id":"method-measureContentHeight"},{"tagname":"method","owner":"Ext.layout.component.Dock","meta":{"private":true},"name":"measureContentWidth","id":"method-measureContentWidth"},{"tagname":"method","owner":"Ext.layout.component.Component","meta":{"private":true},"name":"measureOwnerHeight","id":"method-measureOwnerHeight"},{"tagname":"method","owner":"Ext.layout.component.Component","meta":{"private":true},"name":"measureOwnerWidth","id":"method-measureOwnerWidth"},{"tagname":"method","owner":"Ext.layout.Layout","meta":{"private":true},"name":"moveItem","id":"method-moveItem"},{"tagname":"method","owner":"Ext.layout.component.Component","meta":{},"name":"notifyOwner","id":"method-notifyOwner"},{"tagname":"method","owner":"Ext.layout.Layout","meta":{"private":true},"name":"onAdd","id":"method-onAdd"},{"tagname":"method","owner":"Ext.Base","meta":{"private":true},"name":"onConfigUpdate","id":"method-onConfigUpdate"},{"tagname":"method","owner":"Ext.layout.Layout","meta":{},"name":"onContentChange","id":"method-onContentChange"},{"tagname":"method","owner":"Ext.layout.Layout","meta":{"private":true},"name":"onDestroy","id":"method-onDestroy"},{"tagname":"method","owner":"Ext.layout.Layout","meta":{"private":true},"name":"onRemove","id":"method-onRemove"},{"tagname":"method","owner":"Ext.layout.component.Dock","meta":{"private":true},"name":"redoLayout","id":"method-redoLayout"},{"tagname":"method","owner":"Ext.layout.component.Dock","meta":{"private":true},"name":"renderChildren","id":"method-renderChildren"},{"tagname":"method","owner":"Ext.layout.Layout","meta":{"private":true},"name":"renderItem","id":"method-renderItem"},{"tagname":"method","owner":"Ext.layout.component.Dock","meta":{"protected":true},"name":"renderItems","id":"method-renderItems"},{"tagname":"method","owner":"Ext.Base","meta":{"chainable":true,"private":true},"name":"setConfig","id":"method-setConfig"},{"tagname":"method","owner":"Ext.layout.Layout","meta":{"private":true},"name":"setOwner","id":"method-setOwner"},{"tagname":"method","owner":"Ext.layout.Layout","meta":{"private":true},"name":"sortWeightedItems","id":"method-sortWeightedItems"},{"tagname":"method","owner":"Ext.Base","meta":{"protected":true},"name":"statics","id":"method-statics"},{"tagname":"method","owner":"Ext.layout.component.Dock","meta":{"private":true},"name":"undoLayout","id":"method-undoLayout"}],"event":[],"css_mixin":[]},"inheritable":null,"private":true,"component":false,"name":"Ext.layout.component.Dock","singleton":false,"override":null,"inheritdoc":null,"id":"class-Ext.layout.component.Dock","mixins":[],"mixedInto":[]});