X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/6746dc89c47ed01b165cc1152533605f97eb8e8d..f562e4c6e5fac7bcb445985b99acbea4d706e6f0:/docs/output/Ext.grid.ColumnLayout.js diff --git a/docs/output/Ext.grid.ColumnLayout.js b/docs/output/Ext.grid.ColumnLayout.js new file mode 100644 index 00000000..ccdcd3d8 --- /dev/null +++ b/docs/output/Ext.grid.ColumnLayout.js @@ -0,0 +1 @@ +Ext.data.JsonP.Ext_grid_ColumnLayout({"tagname":"class","html":"
Hierarchy
Ext.Base
Ext.layout.Layout
Ext.layout.container.AbstractContainer
Ext.layout.container.Container
Ext.layout.container.Box
Ext.layout.container.HBox
Ext.grid.ColumnLayout
Files
ColumnLayout.js

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

This class is used only by the grid's HeaderContainer docked child.

\n\n\n\n\n

It adds the ability to shrink the vertical size of the inner container element back if a grouped\ncolumn header has all its child columns dragged out, and the whole HeaderContainer needs to shrink back down.

\n\n\n\n\n

Also, after every layout, after all headers have attained their 'stretchmax' height, it goes through and calls\nsetPadding on the columns so that they lay out correctly.

\n\n
Defined By

Config options

Ext.layout.container.HBox
view source
: String
Controls how the child items of the container are aligned. ...

Controls how the child items of the container are aligned. Acceptable configuration values for this property are:

\n\n
    \n
  • top : Default child items are aligned vertically at the top of the container
    • \n
  • middle : child items are aligned vertically in the middle of the container
    • \n
  • stretch : child items are stretched vertically to fill the height of the container
    • \n
  • stretchmax : child items are stretched vertically to the height of the largest item.
    • \n
\n\n

Defaults to: "top"

Ext.layout.container.Box
view source
: Boolean/Number/Object
If truthy, child Component are animated into position whenever the Container\nis layed out. ...

If truthy, child Component are animated into position whenever the Container\nis layed out. If this option is numeric, it is used as the animation duration in milliseconds.

\n\n\n

May be set as a property at any time.

\n\n
Ext.layout.container.AbstractContainer
view source
: Boolean
Flag to notify the ownerCt Component on afterLayout of a change ...

Flag to notify the ownerCt Component on afterLayout of a change

\n

Defaults to: false

Ext.layout.container.AbstractContainer
view source
: Boolean
Flag to notify the ownerCt Container on afterLayout of a change ...

Flag to notify the ownerCt Container on afterLayout of a change

\n

Defaults to: false

Ext.layout.container.Box
view source
: Boolean
...
\n

Defaults to: false

Ext.layout.container.Box
view source
: Object
If the individual contained items do not have a margins\nproperty specified or margin specified via CSS, the default m...

If the individual contained items do not have a margins\nproperty specified or margin specified via CSS, the default margins from this property will be\napplied to each item.

\n\n\n

This property may be specified as an object containing margins\n\n\n

to apply in the format:

\n\n
{\n    top: (top margin),\n    right: (right margin),\n    bottom: (bottom margin),\n    left: (left margin)\n}
\n\n\n

This property may also be specified as a string containing\nspace-separated, numeric margin values. The order of the sides associated\nwith each value matches the way CSS processes margin values:

\n\n\n
    \n
  • If there is only one value, it applies to all sides.
    • \n
  • If there are two values, the top and bottom borders are set to the\nfirst value and the right and left are set to the second.
    • \n
  • If there are three values, the top is set to the first value, the left\nand right are set to the second, and the bottom is set to the third.
    • \n
  • If there are four values, they apply to the top, right, bottom, and\nleft, respectively.
    • \n
\n\n

Defaults to: {top: 0, right: 0, bottom: 0, left: 0}

Ext.layout.container.Box
view source
: Number
This configuration option is to be applied to child items of the container managed\nby this layout. ...

This configuration option is to be applied to child items of the container managed\nby this layout. Each child item with a flex property will be flexed horizontally\naccording to each item's relative flex value compared to the sum of all items with\na flex value specified. Any child items that have either a flex = 0 or\nflex = undefined will not be 'flexed' (the initial size will not be changed).

\n
Ext.layout.container.AbstractContainer
view source
: String
An optional extra CSS class that will be added to the container. ...

An optional extra CSS class that will be added to the container. This can be useful for adding\ncustomized styles to the container or any of its children using standard CSS rules. See\nExt.Component.componentCls also.

\n\n\n

\n
Ext.layout.container.Box
view source
: String
Controls how the child items of the container are packed together. ...

Controls how the child items of the container are packed together. Acceptable configuration values\nfor this property are:

\n\n
    \n
  • start : Default
    child items are packed together at\nleft side of container
    • \n
  • center :
    child items are packed together at\nmid-width of container
    • \n
  • end :
    child items are packed together at right\nside of container
    • \n
\n\n
Ext.layout.container.Box
view source
: String
Sets the padding to be applied to all child items managed by this layout. ...

Sets the padding to be applied to all child items managed by this layout.

\n\n\n

This property must be specified as a string containing\nspace-separated, numeric padding values. The order of the sides associated\nwith each value matches the way CSS processes padding values:

\n\n\n
    \n
  • If there is only one value, it applies to all sides.
    • \n
  • If there are two values, the top and bottom borders are set to the\nfirst value and the right and left are set to the second.
    • \n
  • If there are three values, the top is set to the first value, the left\nand right are set to the second, and the bottom is set to the third.
    • \n
  • If there are four values, they apply to the top, right, bottom, and\nleft, respectively.
    • \n
\n\n

Defaults to: "0"

Ext.layout.container.Box
view source
: Boolean
True (the default) to allow fixed size components to shrink (limited to their\nminimum size) to avoid overflow. ...

True (the default) to allow fixed size components to shrink (limited to their\nminimum size) to avoid overflow. False to preserve fixed sizes even if they cause\noverflow.

\n

Defaults to: true

Defined By

Properties

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        return 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

Methods

Defined By

Instance Methods

Ext.layout.container.AbstractContainer
view source
( )
Containers should not lay out child components when collapsed. ...

Containers should not lay out child components when collapsed.

\n
Ext.Base
view source
( Array/Arguments args ) : Objectprotected
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        return this;\n    }\n});\n\nMy.Cat.override({\n    constructor: function() {\n        alert(\"I'm going to be a cat!\");\n\n        var instance = this.callOverridden();\n\n        alert(\"Meeeeoooowwww\");\n\n        return instance;\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

Parameters

  • args : Array/Arguments

    The arguments, either an array or the arguments object

    \n

Returns

  • Object

    Returns the result after calling the overridden method

    \n
Ext.Base
view source
( Array/Arguments args ) : Objectprotected
Call the parent's overridden method. ...

Call the parent's overridden method. For example:

\n\n
Ext.define('My.own.A', {\n    constructor: function(test) {\n        alert(test);\n    }\n});\n\nExt.define('My.own.B', {\n    extend: 'My.own.A',\n\n    constructor: function(test) {\n        alert(test);\n\n        this.callParent([test + 1]);\n    }\n});\n\nExt.define('My.own.C', {\n    extend: 'My.own.B',\n\n    constructor: function() {\n        alert(\"Going to call parent's overriden constructor...\");\n\n        this.callParent(arguments);\n    }\n});\n\nvar a = new My.own.A(1); // alerts '1'\nvar b = new My.own.B(1); // alerts '1', then alerts '2'\nvar c = new My.own.C(2); // alerts \"Going to call parent's overriden constructor...\"\n                         // alerts '2', then alerts '3'\n
\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 from the superclass' method

    \n
Ext.layout.Layout
view source
( )template
Destroys this layout. ...

Destroys this layout. This is a template method that is empty by default, but should be implemented\nby subclasses that require explicit destruction to purge event handlers or remove DOM nodes.

\n

This is a template method. A hook into the functionality of this class.Feel free to override it in child classes.

Ext.layout.container.AbstractContainer
view source
( ) : Ext.Component[]
Returns an array of child components either for a render phase (Performed in the beforeLayout method of the layout's\n...

Returns an array of child components either for a render phase (Performed in the beforeLayout method of the layout's\nbase class), or the layout phase (onLayout).

\n\n

Returns

Ext.layout.container.AbstractContainer
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 Container's target element.

\n\n\n

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

\n

Returns

Ext.layout.container.Container
view source
( ) : Arrayprotected
Returns all items that are rendered ...

Returns all items that are rendered

\n

Returns

  • Array

    All matching items

    \n
Ext.layout.container.AbstractContainer
view source
( ) : Ext.Element
Returns the owner component's resize element. ...

Returns the owner component's resize element.

\n

Returns

Ext.layout.container.Container
view source
( ) : Arrayprotected
Returns all items that are both rendered and visible ...

Returns all items that are both rendered and visible

\n

Returns

  • Array

    All matching items

    \n
Ext.Base
view source
( Object config ) : Objectprotected
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        return this;\n    }\n});\n\nvar awesome = new My.awesome.Class({\n    name: 'Super Awesome'\n});\n\nalert(awesome.getName()); // 'Super Awesome'\n
\n

Parameters

Returns

  • Object

    mixins The mixin prototypes as key - value pairs

    \n
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        return this;\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.container.Box
view source
( Object[] boxes )
Resizes and repositions each child component ...

Resizes and repositions each child component

\n

Parameters

  • boxes : Object[]

    The box measurements

    \n
Defined By

Static Methods

Ext.Base
view source
( Object members ) : Ext.Basestatic
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
( Ext.Base fromClass, String/String[] members ) : Ext.Basestatic
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 : String/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
( String/Object alias, String/Object 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
( ) : 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
( Object members )static
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.implement({\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
( Object members ) : Ext.Basestatic
Override prototype members of this class. ...

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

\n\n
Ext.define('My.Cat', {\n    constructor: function() {\n        alert(\"I'm a cat!\");\n\n        return this;\n    }\n});\n\nMy.Cat.override({\n    constructor: function() {\n        alert(\"I'm going to be a cat!\");\n\n        var instance = this.callOverridden();\n\n        alert(\"Meeeeoooowwww\");\n\n        return instance;\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

Parameters

Returns

","allMixins":[],"meta":{},"requires":[],"deprecated":null,"extends":"Ext.layout.container.HBox","inheritable":false,"static":false,"superclasses":["Ext.Base","Ext.layout.Layout","Ext.layout.container.AbstractContainer","Ext.layout.container.Container","Ext.layout.container.Box","Ext.layout.container.HBox","Ext.grid.ColumnLayout"],"singleton":false,"code_type":"ext_define","alias":null,"statics":{"property":[],"css_var":[],"css_mixin":[],"cfg":[],"method":[{"tagname":"method","deprecated":null,"static":true,"owner":"Ext.Base","template":false,"required":null,"protected":false,"name":"addStatics","id":"static-method-addStatics"},{"tagname":"method","deprecated":null,"static":true,"owner":"Ext.Base","template":false,"required":null,"protected":false,"name":"borrow","id":"static-method-borrow"},{"tagname":"method","deprecated":null,"static":true,"owner":"Ext.Base","template":false,"required":null,"protected":false,"name":"create","id":"static-method-create"},{"tagname":"method","deprecated":null,"static":true,"owner":"Ext.Base","template":false,"required":null,"protected":false,"name":"createAlias","id":"static-method-createAlias"},{"tagname":"method","deprecated":null,"static":true,"owner":"Ext.Base","template":false,"required":null,"protected":false,"name":"getName","id":"static-method-getName"},{"tagname":"method","deprecated":null,"static":true,"owner":"Ext.Base","template":false,"required":null,"protected":false,"name":"implement","id":"static-method-implement"},{"tagname":"method","deprecated":null,"static":true,"owner":"Ext.Base","template":false,"required":null,"protected":false,"name":"override","id":"static-method-override"}],"event":[]},"subclasses":[],"uses":[],"protected":false,"mixins":[],"members":{"property":[{"tagname":"property","deprecated":null,"static":false,"owner":"Ext.Base","template":null,"required":null,"protected":true,"name":"self","id":"property-self"}],"css_var":[],"css_mixin":[],"cfg":[{"tagname":"cfg","deprecated":null,"static":false,"owner":"Ext.layout.container.HBox","template":null,"required":false,"protected":false,"name":"align","id":"cfg-align"},{"tagname":"cfg","deprecated":null,"static":false,"owner":"Ext.layout.container.Box","template":null,"required":false,"protected":false,"name":"animate","id":"cfg-animate"},{"tagname":"cfg","deprecated":null,"static":false,"owner":"Ext.layout.container.AbstractContainer","template":null,"required":false,"protected":false,"name":"bindToOwnerCtComponent","id":"cfg-bindToOwnerCtComponent"},{"tagname":"cfg","deprecated":null,"static":false,"owner":"Ext.layout.container.AbstractContainer","template":null,"required":false,"protected":false,"name":"bindToOwnerCtContainer","id":"cfg-bindToOwnerCtContainer"},{"tagname":"cfg","deprecated":null,"static":false,"owner":"Ext.layout.container.Box","template":null,"required":false,"protected":false,"name":"clearInnerCtOnLayout","id":"cfg-clearInnerCtOnLayout"},{"tagname":"cfg","deprecated":null,"static":false,"owner":"Ext.layout.container.Box","template":null,"required":false,"protected":false,"name":"defaultMargins","id":"cfg-defaultMargins"},{"tagname":"cfg","deprecated":null,"static":false,"owner":"Ext.layout.container.Box","template":null,"required":false,"protected":false,"name":"flex","id":"cfg-flex"},{"tagname":"cfg","deprecated":null,"static":false,"owner":"Ext.layout.container.AbstractContainer","template":null,"required":false,"protected":false,"name":"itemCls","id":"cfg-itemCls"},{"tagname":"cfg","deprecated":null,"static":false,"owner":"Ext.layout.container.Box","template":null,"required":false,"protected":false,"name":"pack","id":"cfg-pack"},{"tagname":"cfg","deprecated":null,"static":false,"owner":"Ext.layout.container.Box","template":null,"required":false,"protected":false,"name":"padding","id":"cfg-padding"},{"tagname":"cfg","deprecated":null,"static":false,"owner":"Ext.layout.container.Box","template":null,"required":false,"protected":false,"name":"shrinkToFit","id":"cfg-shrinkToFit"}],"method":[{"tagname":"method","deprecated":null,"static":false,"owner":"Ext.layout.container.AbstractContainer","template":false,"required":null,"protected":false,"name":"beforeLayout","id":"method-beforeLayout"},{"tagname":"method","deprecated":null,"static":false,"owner":"Ext.Base","template":false,"required":null,"protected":true,"name":"callOverridden","id":"method-callOverridden"},{"tagname":"method","deprecated":null,"static":false,"owner":"Ext.Base","template":false,"required":null,"protected":true,"name":"callParent","id":"method-callParent"},{"tagname":"method","deprecated":null,"static":false,"owner":"Ext.layout.Layout","template":true,"required":null,"protected":false,"name":"destroy","id":"method-destroy"},{"tagname":"method","deprecated":null,"static":false,"owner":"Ext.layout.container.AbstractContainer","template":false,"required":null,"protected":false,"name":"getLayoutItems","id":"method-getLayoutItems"},{"tagname":"method","deprecated":null,"static":false,"owner":"Ext.layout.container.AbstractContainer","template":false,"required":null,"protected":false,"name":"getRenderTarget","id":"method-getRenderTarget"},{"tagname":"method","deprecated":null,"static":false,"owner":"Ext.layout.container.Container","template":false,"required":null,"protected":true,"name":"getRenderedItems","id":"method-getRenderedItems"},{"tagname":"method","deprecated":null,"static":false,"owner":"Ext.layout.container.AbstractContainer","template":false,"required":null,"protected":false,"name":"getTarget","id":"method-getTarget"},{"tagname":"method","deprecated":null,"static":false,"owner":"Ext.layout.container.Container","template":false,"required":null,"protected":true,"name":"getVisibleItems","id":"method-getVisibleItems"},{"tagname":"method","deprecated":null,"static":false,"owner":"Ext.Base","template":false,"required":null,"protected":true,"name":"initConfig","id":"method-initConfig"},{"tagname":"method","deprecated":null,"static":false,"owner":"Ext.Base","template":false,"required":null,"protected":true,"name":"statics","id":"method-statics"},{"tagname":"method","deprecated":null,"static":false,"owner":"Ext.layout.container.Box","template":false,"required":null,"protected":false,"name":"updateChildBoxes","id":"method-updateChildBoxes"}],"event":[]},"private":true,"component":false,"name":"Ext.grid.ColumnLayout","alternateClassNames":[],"id":"class-Ext.grid.ColumnLayout","mixedInto":[],"xtypes":{"layout":["gridcolumn"]},"files":[{"href":"ColumnLayout.html#Ext-grid-ColumnLayout","filename":"ColumnLayout.js"}]}); \ No newline at end of file