![\"Ext.layout.container.Accordion](\"doc-resources/Ext.layout.container.Accordion/Ext.layout.container.Accordion.png\")
Not implemented in PR4.
\n\n\nOnly valid when {@link #multi\" is false.
True to swap the position of each panel as it is expanded so that it becomes the first item in the container,\nfalse to keep the panels in the rendered order. This is NOT compatible with \"animate:true\" (defaults to false).
\n", - "linenr": 85, - "html_filename": "Accordion.html" - }, - { - "type": "String", - "deprecated": null, - "alias": null, - "protected": false, - "tagname": "cfg", - "href": "VBox.html#Ext-layout-container-VBox-cfg-align", - "shortDoc": "Controls how the child items of the container are aligned. ...", - "static": false, - "filename": "/mnt/ebs/nightly/git/SDK/extjs/src/layout/container/VBox.js", - "private": false, - "name": "align", - "owner": "Ext.layout.container.VBox", - "doc": "Controls how the child items of the container are aligned. Acceptable configuration values for this\nproperty are:
\n\nTrue to slide the contained panels open and closed during expand/collapse using animation, false to open and\nclose directly with no animation (defaults to true). Note: The layout performs animated collapsing\nand expanding, not the child Panels.
This config is ignored in ExtJS 4.x.
\n\n\nChild Panels have their width actively managed to fit within the accordion's width.
\n", - "linenr": 52, - "html_filename": "Accordion.html" - }, - { - "type": "Boolean", - "deprecated": null, - "alias": null, - "protected": false, - "tagname": "cfg", - "href": "AbstractContainer.html#Ext-layout-container-AbstractContainer-cfg-bindToOwnerCtComponent", - "static": false, - "filename": "/mnt/ebs/nightly/git/SDK/platform/src/layout/container/AbstractContainer.js", - "private": false, - "name": "bindToOwnerCtComponent", - "owner": "Ext.layout.container.AbstractContainer", - "doc": "Flag to notify the ownerCt Component on afterLayout of a change
\n", - "linenr": 17, - "html_filename": "AbstractContainer.html" - }, - { - "type": "Boolean", - "deprecated": null, - "alias": null, - "protected": false, - "tagname": "cfg", - "href": "AbstractContainer.html#Ext-layout-container-AbstractContainer-cfg-bindToOwnerCtContainer", - "static": false, - "filename": "/mnt/ebs/nightly/git/SDK/platform/src/layout/container/AbstractContainer.js", - "private": false, - "name": "bindToOwnerCtContainer", - "owner": "Ext.layout.container.AbstractContainer", - "doc": "Flag to notify the ownerCt Container on afterLayout of a change
\n", - "linenr": 23, - "html_filename": "AbstractContainer.html" - }, - { - "type": "Boolean", - "deprecated": null, - "alias": null, - "protected": false, - "tagname": "cfg", - "href": "Box.html#Ext-layout-container-Box-cfg-clearInnerCtOnLayout", - "static": false, - "filename": "/mnt/ebs/nightly/git/SDK/extjs/src/layout/container/Box.js", - "private": false, - "name": "clearInnerCtOnLayout", - "owner": "Ext.layout.container.Box", - "doc": "\n", - "linenr": 126, - "html_filename": "Box.html" - }, - { - "type": "Boolean", - "deprecated": null, - "alias": null, - "protected": false, - "tagname": "cfg", - "href": "Accordion.html#Ext-layout-container-Accordion-cfg-collapseFirst", - "shortDoc": "True to make sure the collapse/expand toggle button always renders first (to the left of) any other tools\nin the cont...", - "static": false, - "filename": "/mnt/ebs/nightly/git/SDK/extjs/src/layout/container/Accordion.js", - "private": false, - "name": "collapseFirst", - "owner": "Ext.layout.container.Accordion", - "doc": "True to make sure the collapse/expand toggle button always renders first (to the left of) any other tools\nin the contained Panels' title bars, false to render it last (defaults to false).
\n", - "linenr": 72, - "html_filename": "Accordion.html" - }, - { - "type": "Object", - "deprecated": null, - "alias": null, - "protected": false, - "tagname": "cfg", - "href": "Box.html#Ext-layout-container-Box-cfg-defaultMargins", - "shortDoc": "If the individual contained items do not have a margins\nproperty specified or margin specified via CSS, the default m...", - "static": false, - "filename": "/mnt/ebs/nightly/git/SDK/extjs/src/layout/container/Box.js", - "private": false, - "name": "defaultMargins", - "owner": "Ext.layout.container.Box", - "doc": "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\nThis 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}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\nDefaults to:
\n\n\n{top:0, right:0, bottom:0, left:0}\nTrue to adjust the active item's height to fill the available space in the container, false to use the\nitem's current height, or auto height if not explicitly set (defaults to true).
\n", - "linenr": 46, - "html_filename": "Accordion.html" - }, - { - "type": "Number", - "deprecated": null, - "alias": null, - "protected": false, - "tagname": "cfg", - "href": "Box.html#Ext-layout-container-Box-cfg-flex", - "shortDoc": "This configuration option is to be applied to child items of the container managed\nby this layout. ...", - "static": false, - "filename": "/mnt/ebs/nightly/git/SDK/extjs/src/layout/container/Box.js", - "private": false, - "name": "flex", - "owner": "Ext.layout.container.Box", - "doc": "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", - "linenr": 102, - "html_filename": "Box.html" - }, - { - "type": "Boolean", - "deprecated": null, - "alias": null, - "protected": false, - "tagname": "cfg", - "href": "Accordion.html#Ext-layout-container-Accordion-cfg-hideCollapseTool", - "shortDoc": "True to hide the contained Panels' collapse/expand toggle buttons, false to display them (defaults to false). ...", - "static": false, - "filename": "/mnt/ebs/nightly/git/SDK/extjs/src/layout/container/Accordion.js", - "private": false, - "name": "hideCollapseTool", - "owner": "Ext.layout.container.Accordion", - "doc": "True to hide the contained Panels' collapse/expand toggle buttons, false to display them (defaults to false).\nWhen set to true, titleCollapse is automatically set to true.
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.ctCls also.
\n\n\n\n", - "linenr": 29, - "html_filename": "AbstractContainer.html" - }, - { - "type": "Boolean", - "deprecated": null, - "alias": null, - "protected": false, - "tagname": "cfg", - "href": "Accordion.html#Ext-layout-container-Accordion-cfg-multi", - "shortDoc": "Defaults to false. ...", - "static": false, - "filename": "/mnt/ebs/nightly/git/SDK/extjs/src/layout/container/Accordion.js", - "private": false, - "name": "multi", - "owner": "Ext.layout.container.Accordion", - "doc": "Defaults to false. Set to true to enable multiple accordion items to be open at once.
Controls how the child items of the container are packed together. Acceptable configuration values\nfor this property are:
\n\nSets the padding to be applied to all child items managed by this layout.
\n\n\nThis 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\nDefaults to: \"0\"
Not implemented in PR2.
\n\n\nTrue to allow expand/collapse of each contained panel by clicking anywhere on the title bar, false to allow\nexpand/collapse only when the toggle tool button is clicked (defaults to true). When set to false,\nhideCollapseTool should be false also.
\n", - "linenr": 58, - "html_filename": "Accordion.html" - } - ], - "method": [ - { - "deprecated": null, - "alias": null, - "protected": false, - "tagname": "method", - "href": "AbstractContainer.html#Ext-layout-container-AbstractContainer-method-getLayoutItems", - "shortDoc": "Returns an array of child components either for a render phase (Performed in the beforeLayout method of the layout's\n...", - "static": false, - "filename": "/mnt/ebs/nightly/git/SDK/platform/src/layout/container/AbstractContainer.js", - "private": false, - "params": [ - - ], - "name": "getLayoutItems", - "owner": "Ext.layout.container.AbstractContainer", - "doc": "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", - "linenr": 49, - "return": { - "type": "Array", - "doc": "of child components
\n" - }, - "html_filename": "AbstractContainer.html" - }, - { - "deprecated": null, - "alias": null, - "protected": false, - "tagname": "method", - "href": "AbstractContainer.html#Ext-layout-container-AbstractContainer-method-getRenderTarget", - "shortDoc": "Returns the element into which rendering must take place. ...", - "static": false, - "filename": "/mnt/ebs/nightly/git/SDK/platform/src/layout/container/AbstractContainer.js", - "private": false, - "params": [ - - ], - "name": "getRenderTarget", - "owner": "Ext.layout.container.AbstractContainer", - "doc": "Returns the element into which rendering must take place. Defaults to the owner Container's Ext.AbstractComponent.targetEl.
\n\n\nMay be overridden in layout managers which implement an inner element.
\n", - "linenr": 68, - "return": { - "type": "Ext.core.Element", - "doc": "\n" - }, - "html_filename": "AbstractContainer.html" - }, - { - "deprecated": null, - "alias": null, - "protected": true, - "tagname": "method", - "href": "Container.html#Ext-layout-container-Container-method-getRenderedItems", - "shortDoc": "Returns all items that are rendered ...", - "static": false, - "filename": "/mnt/ebs/nightly/git/SDK/extjs/src/layout/container/Container.js", - "private": false, - "params": [ - - ], - "name": "getRenderedItems", - "owner": "Ext.layout.container.Container", - "doc": "Returns all items that are rendered
\n", - "linenr": 53, - "return": { - "type": "Array", - "doc": "All matching items
\n" - }, - "html_filename": "Container.html" - }, - { - "deprecated": null, - "alias": null, - "protected": false, - "tagname": "method", - "href": "AbstractContainer.html#Ext-layout-container-AbstractContainer-method-getTarget", - "shortDoc": "Returns the owner component's resize element. ...", - "static": false, - "filename": "/mnt/ebs/nightly/git/SDK/platform/src/layout/container/AbstractContainer.js", - "private": false, - "params": [ - - ], - "name": "getTarget", - "owner": "Ext.layout.container.AbstractContainer", - "doc": "Returns the owner component's resize element.
\n", - "linenr": 61, - "return": { - "type": "Ext.core.Element", - "doc": "\n" - }, - "html_filename": "AbstractContainer.html" - }, - { - "deprecated": null, - "alias": null, - "protected": true, - "tagname": "method", - "href": "Container.html#Ext-layout-container-Container-method-getVisibleItems", - "shortDoc": "Returns all items that are both rendered and visible ...", - "static": false, - "filename": "/mnt/ebs/nightly/git/SDK/extjs/src/layout/container/Container.js", - "private": false, - "params": [ - - ], - "name": "getVisibleItems", - "owner": "Ext.layout.container.Container", - "doc": "Returns all items that are both rendered and visible
\n", - "linenr": 76, - "return": { - "type": "Array", - "doc": "All matching items
\n" - }, - "html_filename": "Container.html" - }, - { - "deprecated": null, - "alias": null, - "protected": false, - "tagname": "method", - "href": "Box.html#Ext-layout-container-Box-method-updateChildBoxes", - "shortDoc": "Resizes and repositions each child component ...", - "static": false, - "filename": "/mnt/ebs/nightly/git/SDK/extjs/src/layout/container/Box.js", - "private": false, - "params": [ - { - "type": "Array", - "optional": false, - "doc": "The box measurements
\n", - "name": "boxes" - } - ], - "name": "updateChildBoxes", - "owner": "Ext.layout.container.Box", - "doc": "Resizes and repositions each child component
\n", - "linenr": 581, - "return": { - "type": "void", - "doc": "\n" - }, - "html_filename": "Box.html" - } - ], - "property": [ - - ], - "cssVar": [ - - ], - "cssMixin": [ - - ], - "event": [ - - ] - }, - "singleton": false, - "alias": null, - "superclasses": [ - "Ext.layout.Layout", - "Ext.layout.container.AbstractContainer", - "Ext.layout.container.Container", - "Ext.layout.container.Box", - "Ext.layout.container.VBox" - ], - "protected": false, - "tagname": "class", - "mixins": [ - - ], - "href": "Accordion.html#Ext-layout-container-Accordion", - "subclasses": [ - - ], - "static": false, - "author": null, - "component": false, - "filename": "/mnt/ebs/nightly/git/SDK/extjs/src/layout/container/Accordion.js", - "private": false, - "alternateClassNames": [ - "Ext.layout.AccordionLayout" - ], - "name": "Ext.layout.container.Accordion", - "doc": "This is a layout that manages multiple Panels in an expandable accordion style such that only\none Panel can be expanded at any given time. Each Panel has built-in support for expanding and collapsing.
\n\n\nNote: Only Ext.Panels and all subclasses of Ext.panel.Panel may be used in an accordion layout Container.
\n\n\n
Example usage:
\n\n\nExt.create('Ext.panel.Panel', {\n title: 'Accordion Layout',\n width: 300,\n height: 300,\n layout:'accordion',\n defaults: {\n // applied to each contained panel\n bodyStyle: 'padding:15px'\n },\n layoutConfig: {\n // layout-specific configs go here\n titleCollapse: false,\n animate: true,\n activeOnTop: true\n },\n items: [{\n title: 'Panel 1',\n html: 'Panel content!'\n },{\n title: 'Panel 2',\n html: 'Panel content!'\n },{\n title: 'Panel 3',\n html: 'Panel content!'\n }],\n renderTo: Ext.getBody()\n});\nAlternate names
Ext.layout.AccordionLayoutHierarchy
Files
This is a layout that manages multiple Panels in an expandable accordion style such that only\none Panel can be expanded at any given time. Each Panel has built-in support for expanding and collapsing.
\n\nNote: Only Ext Panels and all subclasses of Ext.panel.Panel may be used in an accordion layout Container.
\n\nExt.create('Ext.panel.Panel', {\n title: 'Accordion Layout',\n width: 300,\n height: 300,\n layout:'accordion',\n defaults: {\n // applied to each contained panel\n bodyStyle: 'padding:15px'\n },\n layoutConfig: {\n // layout-specific configs go here\n titleCollapse: false,\n animate: true,\n activeOnTop: true\n },\n items: [{\n title: 'Panel 1',\n html: 'Panel content!'\n },{\n title: 'Panel 2',\n html: 'Panel content!'\n },{\n title: 'Panel 3',\n html: 'Panel content!'\n }],\n renderTo: Ext.getBody()\n});\nControls how the child items of the container are aligned. Acceptable configuration values for this property are:
\n\nDefaults to: "left"
True to slide the contained panels open and closed during expand/collapse using animation, false to open and\nclose directly with no animation. Note: The layout performs animated collapsing\nand expanding, not the child Panels.
\nDefaults to: true
Child Panels have their width actively managed to fit within the accordion's width.
\nDefaults to: true
This cfg has been deprecated
This config is ignored in ExtJS 4
\nFlag to notify the ownerCt Component on afterLayout of a change
\nDefaults to: false
Flag to notify the ownerCt Container on afterLayout of a change
\nDefaults to: false
True to make sure the collapse/expand toggle button always renders first (to the left of) any other tools\nin the contained Panels' title bars, false to render it last.
\nDefaults to: false
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\nThis 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}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\nDefaults to: {top: 0, right: 0, bottom: 0, left: 0}
True to adjust the active item's height to fill the available space in the container, false to use the\nitem's current height, or auto height if not explicitly set.
\nDefaults to: true
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).
\nTrue to hide the contained Panels' collapse/expand toggle buttons, false to display them.\nWhen set to true, titleCollapse is automatically set to true.
Defaults to: false
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\nSet to true to enable multiple accordion items to be open at once.
Defaults to: false
Controls how the child items of the container are packed together. Acceptable configuration values\nfor this property are:
\n\nSets the padding to be applied to all child items managed by this layout.
\n\n\nThis 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\nDefaults to: "0"
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.
\nDefaults to: true
True to allow expand/collapse of each contained panel by clicking anywhere on the title bar, false to allow\nexpand/collapse only when the toggle tool button is clicked. When set to false,\nhideCollapseTool should be false also.
\nDefaults to: true
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
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'\nContainers should not lay out child components when collapsed.
\nCall the original method that was previously overridden with override
\n\nExt.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\"\nThe arguments, either an array or the arguments object
Returns the result after calling the overridden method
\nCall the parent's overridden method. For example:
\n\nExt.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'\nThe arguments, either an array or the arguments object\nfrom the current method, for example: this.callParent(arguments)
Returns the result from the superclass' method
\nDestroys 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.
\nThis is a template method. A hook into the functionality of this class.Feel free to override it in child classes.
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\nof child components
\nReturns the element into which rendering must take place. Defaults to the owner Container's target element.
\n\n\nMay be overridden in layout managers which implement an inner element.
\nInitialize configuration for this class. a typical example:
\n\nExt.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'\nmixins The mixin prototypes as key - value pairs
\nGet 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
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\nAdd / override static properties of this class.
\n\nExt.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});\nthis
\nBorrow another class' members to the prototype of this class.
\n\nExt.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 '$$$$$$$'\nThe class to borrow members from
\nThe names of the members to borrow
\nthis
\nCreate a new instance of this Class.
\n\nExt.define('My.cool.Class', {\n ...\n});\n\nMy.cool.Class.create({\n someConfig: true\n});\nAll parameters are passed to the constructor of the class.
\nthe created instance.
\nCreate aliases for existing prototype methods. Example:
\n\nExt.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()\nThe new method name, or an object to set multiple aliases. See\nflexSetter
\nThe original method name
\nGet the current class' name in string format.
\n\nExt.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'\nclassName
\nAdd methods / properties to the prototype of this class.
\n\nExt.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();\nOverride prototype members of this class. Overridden methods can be invoked via\ncallOverridden
\n\nExt.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\"\nthis
\nThis config is ignored in ExtJS 4
\n","version":null},"static":false,"owner":"Ext.layout.container.Accordion","template":null,"required":false,"protected":false,"name":"autoWidth","id":"cfg-autoWidth"},{"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.Accordion","template":null,"required":false,"protected":false,"name":"collapseFirst","id":"cfg-collapseFirst"},{"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.Accordion","template":null,"required":false,"protected":false,"name":"fill","id":"cfg-fill"},{"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.Accordion","template":null,"required":false,"protected":false,"name":"hideCollapseTool","id":"cfg-hideCollapseTool"},{"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.Accordion","template":null,"required":false,"protected":false,"name":"multi","id":"cfg-multi"},{"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"},{"tagname":"cfg","deprecated":null,"static":false,"owner":"Ext.layout.container.Accordion","template":null,"required":false,"protected":false,"name":"titleCollapse","id":"cfg-titleCollapse"}],"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":false,"component":false,"name":"Ext.layout.container.Accordion","alternateClassNames":["Ext.layout.AccordionLayout"],"id":"class-Ext.layout.container.Accordion","mixedInto":[],"xtypes":{"layout":["accordion"]},"files":[{"href":"Accordion.html#Ext-layout-container-Accordion","filename":"Accordion.js"}]}); \ No newline at end of file