stv0g/tvheadend
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity
tvheadend/vendor/ext-3.4.1/docs/output/Ext.grid.GridPanel.js
Adam Sutton bafcfff42d webui: restructure webui/extjs source files 
I want to keep the 3rd-party packages away from the main source
where possible.
2013-06-03 17:11:01 +01:00

21 lines
No EOL
462 KiB
JavaScript
Raw Blame History

/*
This file is part of Ext JS 3.4
Copyright (c) 2011-2013 Sencha Inc
Contact: http://www.sencha.com/contact
GNU General Public License Usage
This file may be used under the terms of the GNU General Public License version 3.0 as
published by the Free Software Foundation and appearing in the file LICENSE included in the
packaging of this file.
Please review the following information to ensure the GNU General Public License version 3.0
requirements will be met: http://www.gnu.org/copyleft/gpl.html.
If you are unsure which license is appropriate for your use, please contact the sales department
at http://www.sencha.com/contact.
Build date: 2013-04-03 15:07:25
*/
Ext.data.JsonP.Ext_grid_GridPanel({"alternateClassNames":[],"aliases":{"widget":["grid"]},"enum":null,"parentMixins":[],"tagname":"class","subclasses":["Ext.grid.EditorGridPanel","Ext.grid.PivotGrid"],"extends":"Ext.Panel","uses":[],"html":"<div><pre class=\"hierarchy\"><h4>Hierarchy</h4><div class='subclass first-child'><a href='#!/api/Ext.util.Observable' rel='Ext.util.Observable' class='docClass'>Ext.util.Observable</a><div class='subclass '><a href='#!/api/Ext.Component' rel='Ext.Component' class='docClass'>Ext.Component</a><div class='subclass '><a href='#!/api/Ext.BoxComponent' rel='Ext.BoxComponent' class='docClass'>Ext.BoxComponent</a><div class='subclass '><a href='#!/api/Ext.Container' rel='Ext.Container' class='docClass'>Ext.Container</a><div class='subclass '><a href='#!/api/Ext.Panel' rel='Ext.Panel' class='docClass'>Ext.Panel</a><div class='subclass '><strong>Ext.grid.GridPanel</strong></div></div></div></div></div></div><h4>Subclasses</h4><div class='dependency'><a href='#!/api/Ext.grid.EditorGridPanel' rel='Ext.grid.EditorGridPanel' class='docClass'>Ext.grid.EditorGridPanel</a></div><div class='dependency'><a href='#!/api/Ext.grid.PivotGrid' rel='Ext.grid.PivotGrid' class='docClass'>Ext.grid.PivotGrid</a></div><h4>Files</h4><div class='dependency'><a href='source/GridPanel.html#Ext-grid-GridPanel' target='_blank'>GridPanel.js</a></div></pre><div class='doc-contents'><p>This class represents the primary interface of a component based grid control to represent data\nin a tabular format of rows and columns. The GridPanel is composed of the following:</p>\n\n\n<div class=\"mdetail-params\"><ul>\n<li><b><a href=\"#!/api/Ext.data.Store\" rel=\"Ext.data.Store\" class=\"docClass\">Store</a></b> : The Model holding the data records (rows)\n<div class=\"sub-desc\"></div></li>\n<li><b><a href=\"#!/api/Ext.grid.ColumnModel\" rel=\"Ext.grid.ColumnModel\" class=\"docClass\">Column model</a></b> : Column makeup\n<div class=\"sub-desc\"></div></li>\n<li><b><a href=\"#!/api/Ext.grid.GridView\" rel=\"Ext.grid.GridView\" class=\"docClass\">View</a></b> : Encapsulates the user interface\n<div class=\"sub-desc\"></div></li>\n<li><b><a href=\"#!/api/Ext.grid.AbstractSelectionModel\" rel=\"Ext.grid.AbstractSelectionModel\" class=\"docClass\">selection model</a></b> : Selection behavior\n<div class=\"sub-desc\"></div></li>\n</ul></div>\n\n\n<p>Example usage:</p>\n\n\n<pre><code>var grid = new <a href=\"#!/api/Ext.grid.GridPanel\" rel=\"Ext.grid.GridPanel\" class=\"docClass\">Ext.grid.GridPanel</a>({\n <a href=\"#!/api/Ext.grid.GridPanel-cfg-store\" rel=\"Ext.grid.GridPanel-cfg-store\" class=\"docClass\">store</a>: new <a href=\"#!/api/Ext.data.Store\" rel=\"Ext.data.Store\" class=\"docClass\">Ext.data.Store</a>({\n <a href=\"#!/api/Ext.data.Store-cfg-autoDestroy\" rel=\"Ext.data.Store-cfg-autoDestroy\" class=\"docClass\">autoDestroy</a>: true,\n <a href=\"#!/api/Ext.data.Store-cfg-reader\" rel=\"Ext.data.Store-cfg-reader\" class=\"docClass\">reader</a>: reader,\n <a href=\"#!/api/Ext.data.Store-cfg-data\" rel=\"Ext.data.Store-cfg-data\" class=\"docClass\">data</a>: xg.dummyData\n }),\n <a href=\"#!/api/Ext.grid.GridPanel-cfg-colModel\" rel=\"Ext.grid.GridPanel-cfg-colModel\" class=\"docClass\">colModel</a>: new <a href=\"#!/api/Ext.grid.ColumnModel\" rel=\"Ext.grid.ColumnModel\" class=\"docClass\">Ext.grid.ColumnModel</a>({\n <a href=\"#!/api/Ext.grid.ColumnModel-cfg-defaults\" rel=\"Ext.grid.ColumnModel-cfg-defaults\" class=\"docClass\">defaults</a>: {\n width: 120,\n sortable: true\n },\n <a href=\"#!/api/Ext.grid.ColumnModel-cfg-columns\" rel=\"Ext.grid.ColumnModel-cfg-columns\" class=\"docClass\">columns</a>: [\n {id: 'company', header: 'Company', width: 200, sortable: true, dataIndex: 'company'},\n {header: 'Price', renderer: <a href=\"#!/api/Ext.util.Format-method-usMoney\" rel=\"Ext.util.Format-method-usMoney\" class=\"docClass\">Ext.util.Format.usMoney</a>, dataIndex: 'price'},\n {header: 'Change', dataIndex: 'change'},\n {header: '% Change', dataIndex: 'pctChange'},\n // instead of specifying renderer: <a href=\"#!/api/Ext.util.Format-method-dateRenderer\" rel=\"Ext.util.Format-method-dateRenderer\" class=\"docClass\">Ext.util.Format.dateRenderer</a>('m/d/Y') use xtype\n {\n header: 'Last Updated', width: 135, dataIndex: 'lastChange',\n xtype: 'datecolumn', format: 'M d, Y'\n }\n ]\n }),\n <a href=\"#!/api/Ext.grid.GridPanel-cfg-viewConfig\" rel=\"Ext.grid.GridPanel-cfg-viewConfig\" class=\"docClass\">viewConfig</a>: {\n <a href=\"#!/api/Ext.grid.GridView-cfg-forceFit\" rel=\"Ext.grid.GridView-cfg-forceFit\" class=\"docClass\">forceFit</a>: true,\n\n// Return CSS class to apply to rows depending upon data values\n <a href=\"#!/api/Ext.grid.GridView-method-getRowClass\" rel=\"Ext.grid.GridView-method-getRowClass\" class=\"docClass\">getRowClass</a>: function(record, index) {\n var c = record.<a href=\"#!/api/Ext.data.Record-method-get\" rel=\"Ext.data.Record-method-get\" class=\"docClass\">get</a>('change');\n if (c < 0) {\n return 'price-fall';\n } else if (c > 0) {\n return 'price-rise';\n }\n }\n },\n <a href=\"#!/api/Ext.grid.GridPanel-cfg-sm\" rel=\"Ext.grid.GridPanel-cfg-sm\" class=\"docClass\">sm</a>: new <a href=\"#!/api/Ext.grid.RowSelectionModel\" rel=\"Ext.grid.RowSelectionModel\" class=\"docClass\">Ext.grid.RowSelectionModel</a>({singleSelect:true}),\n width: 600,\n height: 300,\n frame: true,\n title: 'Framed with Row Selection and Horizontal Scrolling',\n iconCls: 'icon-grid'\n});\n</code></pre>\n\n\n<p><b><u>Notes:</u></b></p>\n\n\n<div class=\"mdetail-params\"><ul>\n<li>Although this class inherits many configuration options from base classes, some of them\n(such as autoScroll, autoWidth, layout, items, etc) are not used by this class, and will\nhave no effect.</li>\n<li>A grid <b>requires</b> a width in which to scroll its columns, and a height in which to\nscroll its rows. These dimensions can either be set explicitly through the\n<tt><a href=\"#!/api/Ext.BoxComponent-cfg-height\" rel=\"Ext.BoxComponent-cfg-height\" class=\"docClass\">height</a></tt> and <tt><a href=\"#!/api/Ext.BoxComponent-cfg-width\" rel=\"Ext.BoxComponent-cfg-width\" class=\"docClass\">width</a></tt>\nconfiguration options or implicitly set by using the grid as a child item of a\n<a href=\"#!/api/Ext.Container\" rel=\"Ext.Container\" class=\"docClass\">Container</a> which will have a <a href=\"#!/api/Ext.Container-cfg-layout\" rel=\"Ext.Container-cfg-layout\" class=\"docClass\">layout manager</a>\nprovide the sizing of its child items (for example the Container of the Grid may specify\n<tt><a href=\"#!/api/Ext.Container-cfg-layout\" rel=\"Ext.Container-cfg-layout\" class=\"docClass\">layout</a>:'fit'</tt>).</li>\n<li>To access the data in a Grid, it is necessary to use the data model encapsulated\nby the <a href=\"#!/api/Ext.grid.GridPanel-cfg-store\" rel=\"Ext.grid.GridPanel-cfg-store\" class=\"docClass\">Store</a>. See the <a href=\"#!/api/Ext.grid.GridPanel-event-cellclick\" rel=\"Ext.grid.GridPanel-event-cellclick\" class=\"docClass\">cellclick</a> event for more details.</li>\n</ul></div>\n\n</div><div class='members'><div class='members-section'><div class='definedBy'>Defined By</div><h3 class='members-title icon-cfg'>Config options</h3><div class='subsection'><div id='cfg-anchor' class='member first-child inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.BoxComponent' rel='Ext.BoxComponent' class='defined-in docClass'>Ext.BoxComponent</a><br/><a href='source/BoxComponent.html#Ext-BoxComponent-cfg-anchor' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.BoxComponent-cfg-anchor' class='name expandable'>anchor</a><span> : <a href=\"#!/api/String\" rel=\"String\" class=\"docClass\">String</a></span></div><div class='description'><div class='short'>Note: this config is only used when this Component is rendered\nby a Container which has been configured to use an Anc...</div><div class='long'><p><b>Note</b>: this config is only used when this Component is rendered\nby a Container which has been configured to use an <b><a href=\"#!/api/Ext.layout.AnchorLayout\" rel=\"Ext.layout.AnchorLayout\" class=\"docClass\">AnchorLayout</a> (or subclass thereof).</b>\nbased layout manager, for example:<div class=\"mdetail-params\"><ul>\n<li><a href=\"#!/api/Ext.form.FormPanel\" rel=\"Ext.form.FormPanel\" class=\"docClass\">Ext.form.FormPanel</a></li>\n<li>specifying <code>layout: 'anchor' // or 'form', or 'absolute'</code></li>\n</ul></div></p>\n\n\n<p>See <a href=\"#!/api/Ext.layout.AnchorLayout\" rel=\"Ext.layout.AnchorLayout\" class=\"docClass\">Ext.layout.AnchorLayout</a>.<a href=\"#!/api/Ext.layout.AnchorLayout-cfg-anchor\" rel=\"Ext.layout.AnchorLayout-cfg-anchor\" class=\"docClass\">anchor</a> also.</p>\n\n</div></div></div><div id='cfg-animCollapse' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Panel' rel='Ext.Panel' class='defined-in docClass'>Ext.Panel</a><br/><a href='source/Panel.html#Ext-Panel-cfg-animCollapse' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Panel-cfg-animCollapse' class='name expandable'>animCollapse</a><span> : Boolean</span></div><div class='description'><div class='short'>true to animate the transition when the panel is collapsed, false to skip the\nanimation (defaults to true if the Ext....</div><div class='long'><p><code>true</code> to animate the transition when the panel is collapsed, <code>false</code> to skip the\nanimation (defaults to <code>true</code> if the <a href=\"#!/api/Ext.Fx\" rel=\"Ext.Fx\" class=\"docClass\">Ext.Fx</a> class is available, otherwise <code>false</code>).</p>\n</div></div></div><div id='cfg-autoExpandColumn' class='member not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Ext.grid.GridPanel'>Ext.grid.GridPanel</span><br/><a href='source/GridPanel.html#Ext-grid-GridPanel-cfg-autoExpandColumn' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.grid.GridPanel-cfg-autoExpandColumn' class='name expandable'>autoExpandColumn</a><span> : <a href=\"#!/api/String\" rel=\"String\" class=\"docClass\">String</a></span></div><div class='description'><div class='short'>The id of a column in\nthis grid that should expand to fill unused space. ...</div><div class='long'><p>The <tt><a href=\"#!/api/Ext.grid.Column-cfg-id\" rel=\"Ext.grid.Column-cfg-id\" class=\"docClass\">id</a></tt> of a <a href=\"#!/api/Ext.grid.Column\" rel=\"Ext.grid.Column\" class=\"docClass\">column</a> in\nthis grid that should expand to fill unused space. This value specified here can not\nbe <tt>0</tt>.</p>\n\n\n<br><p><b>Note</b>: If the Grid's <a href=\"#!/api/Ext.grid.GridView\" rel=\"Ext.grid.GridView\" class=\"docClass\">view</a> is configured with\n\n\n<p><tt><a href=\"#!/api/Ext.grid.GridView-cfg-forceFit\" rel=\"Ext.grid.GridView-cfg-forceFit\" class=\"docClass\">forceFit</a>=true</tt> the <tt>autoExpandColumn</tt>\nis ignored. See <a href=\"#!/api/Ext.grid.Column\" rel=\"Ext.grid.Column\" class=\"docClass\">Ext.grid.Column</a>.<tt><a href=\"#!/api/Ext.grid.Column-cfg-width\" rel=\"Ext.grid.Column-cfg-width\" class=\"docClass\">width</a></tt>\nfor additional details.</p></p>\n\n<p>See <tt><a href=\"#!/api/Ext.grid.GridPanel-cfg-autoExpandMax\" rel=\"Ext.grid.GridPanel-cfg-autoExpandMax\" class=\"docClass\">autoExpandMax</a></tt> and <tt><a href=\"#!/api/Ext.grid.GridPanel-cfg-autoExpandMin\" rel=\"Ext.grid.GridPanel-cfg-autoExpandMin\" class=\"docClass\">autoExpandMin</a></tt> also.</p>\n\n<p>Defaults to: <code>false</code></p></div></div></div><div id='cfg-autoExpandMax' class='member not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Ext.grid.GridPanel'>Ext.grid.GridPanel</span><br/><a href='source/GridPanel.html#Ext-grid-GridPanel-cfg-autoExpandMax' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.grid.GridPanel-cfg-autoExpandMax' class='name expandable'>autoExpandMax</a><span> : <a href=\"#!/api/Number\" rel=\"Number\" class=\"docClass\">Number</a></span></div><div class='description'><div class='short'>The maximum width the autoExpandColumn\ncan have (if enabled). ...</div><div class='long'><p>The maximum width the <tt><a href=\"#!/api/Ext.grid.GridPanel-cfg-autoExpandColumn\" rel=\"Ext.grid.GridPanel-cfg-autoExpandColumn\" class=\"docClass\">autoExpandColumn</a></tt>\ncan have (if enabled). Defaults to <tt>1000</tt>.</p>\n<p>Defaults to: <code>1000</code></p></div></div></div><div id='cfg-autoExpandMin' class='member not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Ext.grid.GridPanel'>Ext.grid.GridPanel</span><br/><a href='source/GridPanel.html#Ext-grid-GridPanel-cfg-autoExpandMin' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.grid.GridPanel-cfg-autoExpandMin' class='name expandable'>autoExpandMin</a><span> : <a href=\"#!/api/Number\" rel=\"Number\" class=\"docClass\">Number</a></span></div><div class='description'><div class='short'>The minimum width the autoExpandColumn\ncan have (if enabled). ...</div><div class='long'><p>The minimum width the <tt><a href=\"#!/api/Ext.grid.GridPanel-cfg-autoExpandColumn\" rel=\"Ext.grid.GridPanel-cfg-autoExpandColumn\" class=\"docClass\">autoExpandColumn</a></tt>\ncan have (if enabled). Defaults to <tt>50</tt>.</p>\n<p>Defaults to: <code>50</code></p></div></div></div><div id='cfg-autoHeight' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Panel' rel='Ext.Panel' class='defined-in docClass'>Ext.Panel</a><br/><a href='source/Panel.html#Ext-Panel-cfg-autoHeight' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Panel-cfg-autoHeight' class='name expandable'>autoHeight</a><span> : Boolean</span></div><div class='description'><div class='short'>true to use height:'auto', false to use fixed height (defaults to false). ...</div><div class='long'><p><code>true</code> to use height:'auto', <code>false</code> to use fixed height (defaults to <code>false</code>).\n<b>Note</b>: Setting <code>autoHeight: true</code> means that the browser will manage the panel's height\nbased on its contents, and that Ext will not manage it at all. If the panel is within a layout that\nmanages dimensions (<code>fit</code>, <code>border</code>, etc.) then setting <code>autoHeight: true</code>\ncan cause issues with scrolling and will not generally work as expected since the panel will take\non the height of its contents rather than the height required by the Ext layout.</p>\n<p>Overrides: <a href='#!/api/Ext.BoxComponent-cfg-autoHeight' rel='Ext.BoxComponent-cfg-autoHeight' class='docClass'>Ext.BoxComponent.autoHeight</a></p></div></div></div><div id='cfg-autoShow' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Component' rel='Ext.Component' class='defined-in docClass'>Ext.Component</a><br/><a href='source/Component.html#Ext-Component-cfg-autoShow' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Component-cfg-autoShow' class='name expandable'>autoShow</a><span> : Boolean</span></div><div class='description'><div class='short'>True if the component should check for hidden classes (e.g. ...</div><div class='long'><p>True if the component should check for hidden classes (e.g. 'x-hidden' or 'x-hide-display') and remove\nthem on render (defaults to false).</p>\n<p>Defaults to: <code>false</code></p></div></div></div><div id='cfg-baseCls' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Panel' rel='Ext.Panel' class='defined-in docClass'>Ext.Panel</a><br/><a href='source/Panel.html#Ext-Panel-cfg-baseCls' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Panel-cfg-baseCls' class='name expandable'>baseCls</a><span> : <a href=\"#!/api/String\" rel=\"String\" class=\"docClass\">String</a></span></div><div class='description'><div class='short'>The base CSS class to apply to this panel's element (defaults to 'x-panel'). ...</div><div class='long'><p>The base CSS class to apply to this panel's element (defaults to <code>'x-panel'</code>).</p>\n\n<p>Another option available by default is to specify <code>'x-plain'</code> which strips all styling\nexcept for required attributes for Ext layouts to function (e.g. overflow:hidden).\nSee <code><a href=\"#!/api/Ext.Panel-cfg-unstyled\" rel=\"Ext.Panel-cfg-unstyled\" class=\"docClass\">unstyled</a></code> also.</p>\n\n<p>Defaults to: <code>'x-panel'</code></p></div></div></div><div id='cfg-bbar' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Panel' rel='Ext.Panel' class='defined-in docClass'>Ext.Panel</a><br/><a href='source/Panel.html#Ext-Panel-cfg-bbar' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Panel-cfg-bbar' class='name expandable'>bbar</a><span> : Object/<a href=\"#!/api/Array\" rel=\"Array\" class=\"docClass\">Array</a></span></div><div class='description'><div class='short'>The bottom toolbar of the panel. ...</div><div class='long'><p>The bottom toolbar of the panel. This can be a <a href=\"#!/api/Ext.Toolbar\" rel=\"Ext.Toolbar\" class=\"docClass\">Ext.Toolbar</a> object, a toolbar config, or an array of\nbuttons/button configs to be added to the toolbar. Note that this is not available as a property after render.\nTo access the bottom toolbar after render, use <a href=\"#!/api/Ext.Panel-method-getBottomToolbar\" rel=\"Ext.Panel-method-getBottomToolbar\" class=\"docClass\">getBottomToolbar</a>.</p>\n\n\n<p><b>Note:</b> Although a Toolbar may contain Field components, these will <b>not</b> be updated by a load\nof an ancestor FormPanel. A Panel's toolbars are not part of the standard Container->Component hierarchy, and\nso are not scanned to collect form items. However, the values <b>will</b> be submitted because form\nsubmission parameters are collected from the DOM tree.</p>\n\n</div></div></div><div id='cfg-bbarCfg' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Panel' rel='Ext.Panel' class='defined-in docClass'>Ext.Panel</a><br/><a href='source/Panel.html#Ext-Panel-cfg-bbarCfg' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Panel-cfg-bbarCfg' class='name expandable'>bbarCfg</a><span> : Object</span></div><div class='description'><div class='short'>A DomHelper element specification object specifying the element structure\nof this Panel's bbar Element. ...</div><div class='long'><p>A <a href=\"#!/api/Ext.DomHelper\" rel=\"Ext.DomHelper\" class=\"docClass\">DomHelper</a> element specification object specifying the element structure\nof this Panel's <a href=\"#!/api/Ext.Panel-cfg-bbar\" rel=\"Ext.Panel-cfg-bbar\" class=\"docClass\">bbar</a> Element. See <code><a href=\"#!/api/Ext.Panel-cfg-bodyCfg\" rel=\"Ext.Panel-cfg-bodyCfg\" class=\"docClass\">bodyCfg</a></code> also.</p>\n\n</div></div></div><div id='cfg-bodyCfg' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Panel' rel='Ext.Panel' class='defined-in docClass'>Ext.Panel</a><br/><a href='source/Panel.html#Ext-Panel-cfg-bodyCfg' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Panel-cfg-bodyCfg' class='name expandable'>bodyCfg</a><span> : Object</span></div><div class='description'><div class='short'>A DomHelper element specification object may be specified for any\nPanel Element. ...</div><div class='long'><p>A <a href=\"#!/api/Ext.DomHelper\" rel=\"Ext.DomHelper\" class=\"docClass\">DomHelper</a> element specification object may be specified for any\nPanel Element.</p>\n\n\n<p>By default, the Default element in the table below will be used for the html markup to\ncreate a child element with the commensurate Default class name (<code>baseCls</code> will be\nreplaced by <code><a href=\"#!/api/Ext.Panel-cfg-baseCls\" rel=\"Ext.Panel-cfg-baseCls\" class=\"docClass\">baseCls</a></code>):</p>\n\n\n<pre>Panel Default Default Custom Additional Additional\nElement element class element class style\n======== ========================== ========= ============== ===========\n<a href=\"#!/api/Ext.Panel-property-header\" rel=\"Ext.Panel-property-header\" class=\"docClass\">header</a> div <a href=\"#!/api/Ext.Panel-cfg-baseCls\" rel=\"Ext.Panel-cfg-baseCls\" class=\"docClass\">baseCls</a>+'-header' <a href=\"#!/api/Ext.Panel-cfg-headerCfg\" rel=\"Ext.Panel-cfg-headerCfg\" class=\"docClass\">headerCfg</a> headerCssClass headerStyle\n<a href=\"#!/api/Ext.Panel-property-bwrap\" rel=\"Ext.Panel-property-bwrap\" class=\"docClass\">bwrap</a> div <a href=\"#!/api/Ext.Panel-cfg-baseCls\" rel=\"Ext.Panel-cfg-baseCls\" class=\"docClass\">baseCls</a>+'-bwrap' <a href=\"#!/api/Ext.Panel-cfg-bwrapCfg\" rel=\"Ext.Panel-cfg-bwrapCfg\" class=\"docClass\">bwrapCfg</a> bwrapCssClass bwrapStyle\n+ tbar div <a href=\"#!/api/Ext.Panel-cfg-baseCls\" rel=\"Ext.Panel-cfg-baseCls\" class=\"docClass\">baseCls</a>+'-tbar' <a href=\"#!/api/Ext.Panel-cfg-tbarCfg\" rel=\"Ext.Panel-cfg-tbarCfg\" class=\"docClass\">tbarCfg</a> tbarCssClass tbarStyle\n+ <a href=\"#!/api/Ext.Panel-property-body\" rel=\"Ext.Panel-property-body\" class=\"docClass\">body</a> div <a href=\"#!/api/Ext.Panel-cfg-baseCls\" rel=\"Ext.Panel-cfg-baseCls\" class=\"docClass\">baseCls</a>+'-body' <a href=\"#!/api/Ext.Panel-cfg-bodyCfg\" rel=\"Ext.Panel-cfg-bodyCfg\" class=\"docClass\">bodyCfg</a> <a href=\"#!/api/Ext.Panel-cfg-bodyCssClass\" rel=\"Ext.Panel-cfg-bodyCssClass\" class=\"docClass\">bodyCssClass</a> <a href=\"#!/api/Ext.Panel-cfg-bodyStyle\" rel=\"Ext.Panel-cfg-bodyStyle\" class=\"docClass\">bodyStyle</a>\n+ bbar div <a href=\"#!/api/Ext.Panel-cfg-baseCls\" rel=\"Ext.Panel-cfg-baseCls\" class=\"docClass\">baseCls</a>+'-bbar' <a href=\"#!/api/Ext.Panel-cfg-bbarCfg\" rel=\"Ext.Panel-cfg-bbarCfg\" class=\"docClass\">bbarCfg</a> bbarCssClass bbarStyle\n+ <a href=\"#!/api/Ext.Panel-cfg-footer\" rel=\"Ext.Panel-cfg-footer\" class=\"docClass\">footer</a> div <a href=\"#!/api/Ext.Panel-cfg-baseCls\" rel=\"Ext.Panel-cfg-baseCls\" class=\"docClass\">baseCls</a>+'-footer' <a href=\"#!/api/Ext.Panel-cfg-footerCfg\" rel=\"Ext.Panel-cfg-footerCfg\" class=\"docClass\">footerCfg</a> footerCssClass footerStyle\n</pre>\n\n\n<p>Configuring a Custom element may be used, for example, to force the <a href=\"#!/api/Ext.Panel-property-body\" rel=\"Ext.Panel-property-body\" class=\"docClass\">body</a> Element\nto use a different form of markup than is created by default. An example of this might be\nto <a href=\"#!/api/Ext.Element-method-createChild\" rel=\"Ext.Element-method-createChild\" class=\"docClass\">create a child</a> Panel containing a custom content, such as\na header, or forcing centering of all Panel content by having the body be a &lt;center&gt;\nelement:</p>\n\n\n<pre><code>new <a href=\"#!/api/Ext.Panel\" rel=\"Ext.Panel\" class=\"docClass\">Ext.Panel</a>({\n title: 'Message Title',\n renderTo: <a href=\"#!/api/Ext-method-getBody\" rel=\"Ext-method-getBody\" class=\"docClass\">Ext.getBody</a>(),\n width: 200, height: 130,\n <b>bodyCfg</b>: {\n tag: 'center',\n cls: 'x-panel-body', // Default class not applied if Custom element specified\n html: 'Message'\n },\n footerCfg: {\n tag: 'h2',\n cls: 'x-panel-footer', // same as the Default class\n html: 'footer html'\n },\n footerCssClass: 'custom-footer', // additional css class, see addClass\n footerStyle: 'background-color:red' // see <a href=\"#!/api/Ext.Panel-cfg-bodyStyle\" rel=\"Ext.Panel-cfg-bodyStyle\" class=\"docClass\">bodyStyle</a>\n});\n</code></pre>\n\n\n<p>The example above also explicitly creates a <code><a href=\"#!/api/Ext.Panel-cfg-footer\" rel=\"Ext.Panel-cfg-footer\" class=\"docClass\">footer</a></code> with custom markup and\nstyling applied.</p>\n\n</div></div></div><div id='cfg-bodyCssClass' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Panel' rel='Ext.Panel' class='defined-in docClass'>Ext.Panel</a><br/><a href='source/Panel.html#Ext-Panel-cfg-bodyCssClass' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Panel-cfg-bodyCssClass' class='name expandable'>bodyCssClass</a><span> : <a href=\"#!/api/String\" rel=\"String\" class=\"docClass\">String</a>/Object/<a href=\"#!/api/Function\" rel=\"Function\" class=\"docClass\">Function</a></span></div><div class='description'><div class='short'>Additional css class selector to be applied to the body element in the format expected by\nExt.Element.addClass (defau...</div><div class='long'><p>Additional css class selector to be applied to the <a href=\"#!/api/Ext.Panel-property-body\" rel=\"Ext.Panel-property-body\" class=\"docClass\">body</a> element in the format expected by\n<a href=\"#!/api/Ext.Element-method-addClass\" rel=\"Ext.Element-method-addClass\" class=\"docClass\">Ext.Element.addClass</a> (defaults to null). See <a href=\"#!/api/Ext.Panel-cfg-bodyCfg\" rel=\"Ext.Panel-cfg-bodyCfg\" class=\"docClass\">bodyCfg</a>.</p>\n</div></div></div><div id='cfg-border' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Panel' rel='Ext.Panel' class='defined-in docClass'>Ext.Panel</a><br/><a href='source/Panel.html#Ext-Panel-cfg-border' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Panel-cfg-border' class='name expandable'>border</a><span> : Boolean</span></div><div class='description'><div class='short'>True to display the borders of the panel's body element, false to hide them (defaults to true). ...</div><div class='long'><p>True to display the borders of the panel's body element, false to hide them (defaults to true). By default,\nthe border is a 2px wide inset border, but this can be further altered by setting <a href=\"#!/api/Ext.Panel-cfg-bodyBorder\" rel=\"Ext.Panel-cfg-bodyBorder\" class=\"docClass\">bodyBorder</a> to false.</p>\n</div></div></div><div id='cfg-boxMaxHeight' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.BoxComponent' rel='Ext.BoxComponent' class='defined-in docClass'>Ext.BoxComponent</a><br/><a href='source/BoxComponent.html#Ext-BoxComponent-cfg-boxMaxHeight' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.BoxComponent-cfg-boxMaxHeight' class='name expandable'>boxMaxHeight</a><span> : <a href=\"#!/api/Number\" rel=\"Number\" class=\"docClass\">Number</a></span></div><div class='description'><div class='short'>The maximum value in pixels which this BoxComponent will set its height to. ...</div><div class='long'><p>The maximum value in pixels which this BoxComponent will set its height to.</p>\n\n\n<p><b>Warning:</b> This will override any size management applied by layout managers.</p>\n\n</div></div></div><div id='cfg-boxMaxWidth' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.BoxComponent' rel='Ext.BoxComponent' class='defined-in docClass'>Ext.BoxComponent</a><br/><a href='source/BoxComponent.html#Ext-BoxComponent-cfg-boxMaxWidth' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.BoxComponent-cfg-boxMaxWidth' class='name expandable'>boxMaxWidth</a><span> : <a href=\"#!/api/Number\" rel=\"Number\" class=\"docClass\">Number</a></span></div><div class='description'><div class='short'>The maximum value in pixels which this BoxComponent will set its width to. ...</div><div class='long'><p>The maximum value in pixels which this BoxComponent will set its width to.</p>\n\n\n<p><b>Warning:</b> This will override any size management applied by layout managers.</p>\n\n</div></div></div><div id='cfg-boxMinHeight' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.BoxComponent' rel='Ext.BoxComponent' class='defined-in docClass'>Ext.BoxComponent</a><br/><a href='source/BoxComponent.html#Ext-BoxComponent-cfg-boxMinHeight' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.BoxComponent-cfg-boxMinHeight' class='name expandable'>boxMinHeight</a><span> : <a href=\"#!/api/Number\" rel=\"Number\" class=\"docClass\">Number</a></span></div><div class='description'><div class='short'>The minimum value in pixels which this BoxComponent will set its height to. ...</div><div class='long'><p>The minimum value in pixels which this BoxComponent will set its height to.</p>\n\n\n<p><b>Warning:</b> This will override any size management applied by layout managers.</p>\n\n</div></div></div><div id='cfg-boxMinWidth' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.BoxComponent' rel='Ext.BoxComponent' class='defined-in docClass'>Ext.BoxComponent</a><br/><a href='source/BoxComponent.html#Ext-BoxComponent-cfg-boxMinWidth' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.BoxComponent-cfg-boxMinWidth' class='name expandable'>boxMinWidth</a><span> : <a href=\"#!/api/Number\" rel=\"Number\" class=\"docClass\">Number</a></span></div><div class='description'><div class='short'>The minimum value in pixels which this BoxComponent will set its width to. ...</div><div class='long'><p>The minimum value in pixels which this BoxComponent will set its width to.</p>\n\n\n<p><b>Warning:</b> This will override any size management applied by layout managers.</p>\n\n</div></div></div><div id='cfg-bubbleEvents' class='member not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Ext.grid.GridPanel'>Ext.grid.GridPanel</span><br/><a href='source/GridPanel.html#Ext-grid-GridPanel-cfg-bubbleEvents' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.grid.GridPanel-cfg-bubbleEvents' class='name expandable'>bubbleEvents</a><span> : <a href=\"#!/api/Array\" rel=\"Array\" class=\"docClass\">Array</a></span></div><div class='description'><div class='short'>An array of events that, when fired, should be bubbled to any parent container. ...</div><div class='long'><p>An array of events that, when fired, should be bubbled to any parent container.\nSee <a href=\"#!/api/Ext.util.Observable-method-enableBubble\" rel=\"Ext.util.Observable-method-enableBubble\" class=\"docClass\">Ext.util.Observable.enableBubble</a>.\nDefaults to <tt>[]</tt>.\n\n</p><p>Defaults to: <code>[]</code></p><p>Overrides: <a href='#!/api/Ext.Container-cfg-bubbleEvents' rel='Ext.Container-cfg-bubbleEvents' class='docClass'>Ext.Container.bubbleEvents</a></p></div></div></div><div id='cfg-buttonAlign' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Panel' rel='Ext.Panel' class='defined-in docClass'>Ext.Panel</a><br/><a href='source/Panel.html#Ext-Panel-cfg-buttonAlign' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Panel-cfg-buttonAlign' class='name expandable'>buttonAlign</a><span> : <a href=\"#!/api/String\" rel=\"String\" class=\"docClass\">String</a></span></div><div class='description'><div class='short'>The alignment of any buttons added to this panel. ...</div><div class='long'><p>The alignment of any <a href=\"#!/api/Ext.Panel-property-buttons\" rel=\"Ext.Panel-property-buttons\" class=\"docClass\">buttons</a> added to this panel. Valid values are <code>'right'</code>,\n<code>'left'</code> and <code>'center'</code> (defaults to <code>'right'</code>).</p>\n<p>Defaults to: <code>'right'</code></p></div></div></div><div id='cfg-buttons' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Panel' rel='Ext.Panel' class='defined-in docClass'>Ext.Panel</a><br/><a href='source/Panel.html#Ext-Panel-cfg-buttons' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Panel-cfg-buttons' class='name expandable'>buttons</a><span> : <a href=\"#!/api/Array\" rel=\"Array\" class=\"docClass\">Array</a></span></div><div class='description'><div class='short'>buttons will be used as items for the toolbar in\nthe footer (fbar). ...</div><div class='long'><p><code>buttons</code> will be used as <code><a href=\"#!/api/Ext.Container-property-items\" rel=\"Ext.Container-property-items\" class=\"docClass\">items</a></code> for the toolbar in\nthe footer (<code><a href=\"#!/api/Ext.Panel-cfg-fbar\" rel=\"Ext.Panel-cfg-fbar\" class=\"docClass\">fbar</a></code>). Typically the value of this configuration property will be\nan array of <a href=\"#!/api/Ext.Button\" rel=\"Ext.Button\" class=\"docClass\">Ext.Button</a>s or <a href=\"#!/api/Ext.Button\" rel=\"Ext.Button\" class=\"docClass\">Ext.Button</a> configuration objects.\nIf an item is configured with <code>minWidth</code> or the Panel is configured with <code>minButtonWidth</code>,\nthat width will be applied to the item.</p>\n</div></div></div><div id='cfg-bwrapCfg' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Panel' rel='Ext.Panel' class='defined-in docClass'>Ext.Panel</a><br/><a href='source/Panel.html#Ext-Panel-cfg-bwrapCfg' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Panel-cfg-bwrapCfg' class='name expandable'>bwrapCfg</a><span> : Object</span></div><div class='description'><div class='short'>A DomHelper element specification object specifying the element structure\nof this Panel's bwrap Element. ...</div><div class='long'><p>A <a href=\"#!/api/Ext.DomHelper\" rel=\"Ext.DomHelper\" class=\"docClass\">DomHelper</a> element specification object specifying the element structure\nof this Panel's <a href=\"#!/api/Ext.Panel-property-bwrap\" rel=\"Ext.Panel-property-bwrap\" class=\"docClass\">bwrap</a> Element. See <code><a href=\"#!/api/Ext.Panel-cfg-bodyCfg\" rel=\"Ext.Panel-cfg-bodyCfg\" class=\"docClass\">bodyCfg</a></code> also.</p>\n\n</div></div></div><div id='cfg-clearCls' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Component' rel='Ext.Component' class='defined-in docClass'>Ext.Component</a><br/><a href='source/Component.html#Ext-Component-cfg-clearCls' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Component-cfg-clearCls' class='name expandable'>clearCls</a><span> : <a href=\"#!/api/String\" rel=\"String\" class=\"docClass\">String</a></span></div><div class='description'><div class='short'>The CSS class used to to apply to the special clearing div rendered\ndirectly after each form field wrapper to provide...</div><div class='long'><p>The CSS class used to to apply to the special clearing div rendered\ndirectly after each form field wrapper to provide field clearing (defaults to\n<tt>'x-form-clear-left'</tt>).</p>\n\n\n<br><p><b>Note</b>: this config is only used when this Component is rendered by a Container\n\n\n<p>which has been configured to use the <b><a href=\"#!/api/Ext.layout.FormLayout\" rel=\"Ext.layout.FormLayout\" class=\"docClass\">FormLayout</a></b> layout\nmanager (e.g. <a href=\"#!/api/Ext.form.FormPanel\" rel=\"Ext.form.FormPanel\" class=\"docClass\">Ext.form.FormPanel</a> or specifying <tt>layout:'form'</tt>) and either a\n<tt><a href=\"#!/api/Ext.Component-cfg-fieldLabel\" rel=\"Ext.Component-cfg-fieldLabel\" class=\"docClass\">fieldLabel</a></tt> is specified or <tt>isFormField=true</tt> is specified.</p><br></p>\n\n<p>See <a href=\"#!/api/Ext.layout.FormLayout\" rel=\"Ext.layout.FormLayout\" class=\"docClass\">Ext.layout.FormLayout</a>.<a href=\"#!/api/Ext.layout.FormLayout-property-fieldTpl\" rel=\"Ext.layout.FormLayout-property-fieldTpl\" class=\"docClass\">fieldTpl</a> also.</p>\n\n</div></div></div><div id='cfg-closable' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Panel' rel='Ext.Panel' class='defined-in docClass'>Ext.Panel</a><br/><a href='source/Panel.html#Ext-Panel-cfg-closable' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Panel-cfg-closable' class='name expandable'>closable</a><span> : Boolean</span></div><div class='description'><div class='short'>Panels themselves do not directly support being closed, but some Panel subclasses do (like\nExt.Window) or a Panel Cla...</div><div class='long'><p>Panels themselves do not directly support being closed, but some Panel subclasses do (like\n<a href=\"#!/api/Ext.Window\" rel=\"Ext.Window\" class=\"docClass\">Ext.Window</a>) or a Panel Class within an <a href=\"#!/api/Ext.TabPanel\" rel=\"Ext.TabPanel\" class=\"docClass\">Ext.TabPanel</a>. Specify <code>true</code>\nto enable closing in such situations. Defaults to <code>false</code>.</p>\n</div></div></div><div id='cfg-cls' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Component' rel='Ext.Component' class='defined-in docClass'>Ext.Component</a><br/><a href='source/Component.html#Ext-Component-cfg-cls' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Component-cfg-cls' class='name expandable'>cls</a><span> : <a href=\"#!/api/String\" rel=\"String\" class=\"docClass\">String</a></span></div><div class='description'><div class='short'>An optional extra CSS class that will be added to this component's Element (defaults to ''). ...</div><div class='long'><p>An optional extra CSS class that will be added to this component's Element (defaults to ''). This can be\nuseful for adding customized styles to the component or any of its children using standard CSS rules.</p>\n</div></div></div><div id='cfg-cm' class='member not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Ext.grid.GridPanel'>Ext.grid.GridPanel</span><br/><a href='source/GridPanel.html#Ext-grid-GridPanel-cfg-cm' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.grid.GridPanel-cfg-cm' class='name not-expandable'>cm</a><span> : Object</span></div><div class='description'><div class='short'><p>Shorthand for <tt><a href=\"#!/api/Ext.grid.GridPanel-cfg-colModel\" rel=\"Ext.grid.GridPanel-cfg-colModel\" class=\"docClass\">colModel</a></tt>.</p>\n</div><div class='long'><p>Shorthand for <tt><a href=\"#!/api/Ext.grid.GridPanel-cfg-colModel\" rel=\"Ext.grid.GridPanel-cfg-colModel\" class=\"docClass\">colModel</a></tt>.</p>\n</div></div></div><div id='cfg-colModel' class='member not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Ext.grid.GridPanel'>Ext.grid.GridPanel</span><br/><a href='source/GridPanel.html#Ext-grid-GridPanel-cfg-colModel' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.grid.GridPanel-cfg-colModel' class='name not-expandable'>colModel</a><span> : Object</span></div><div class='description'><div class='short'><p>The <a href=\"#!/api/Ext.grid.ColumnModel\" rel=\"Ext.grid.ColumnModel\" class=\"docClass\">Ext.grid.ColumnModel</a> to use when rendering the grid (required).</p>\n</div><div class='long'><p>The <a href=\"#!/api/Ext.grid.ColumnModel\" rel=\"Ext.grid.ColumnModel\" class=\"docClass\">Ext.grid.ColumnModel</a> to use when rendering the grid (required).</p>\n</div></div></div><div id='cfg-collapseFirst' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Panel' rel='Ext.Panel' class='defined-in docClass'>Ext.Panel</a><br/><a href='source/Panel.html#Ext-Panel-cfg-collapseFirst' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Panel-cfg-collapseFirst' class='name expandable'>collapseFirst</a><span> : Boolean</span></div><div class='description'><div class='short'>true to make sure the collapse/expand toggle button always renders first (to the left of)\nany other tools in the pane...</div><div class='long'><p><code>true</code> to make sure the collapse/expand toggle button always renders first (to the left of)\nany other tools in the panel's title bar, <code>false</code> to render it last (defaults to <code>true</code>).</p>\n<p>Defaults to: <code>true</code></p></div></div></div><div id='cfg-collapsed' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Panel' rel='Ext.Panel' class='defined-in docClass'>Ext.Panel</a><br/><a href='source/Panel.html#Ext-Panel-cfg-collapsed' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Panel-cfg-collapsed' class='name expandable'>collapsed</a><span> : Boolean</span></div><div class='description'><div class='short'>true to render the panel collapsed, false to render it expanded (defaults to\nfalse). ...</div><div class='long'><p><code>true</code> to render the panel collapsed, <code>false</code> to render it expanded (defaults to\n<code>false</code>).</p>\n<p>Defaults to: <code>false</code></p></div></div></div><div id='cfg-collapsedCls' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Panel' rel='Ext.Panel' class='defined-in docClass'>Ext.Panel</a><br/><a href='source/Panel.html#Ext-Panel-cfg-collapsedCls' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Panel-cfg-collapsedCls' class='name expandable'>collapsedCls</a><span> : <a href=\"#!/api/String\" rel=\"String\" class=\"docClass\">String</a></span></div><div class='description'><div class='short'>A CSS class to add to the panel's element after it has been collapsed (defaults to\n'x-panel-collapsed'). ...</div><div class='long'><p>A CSS class to add to the panel's element after it has been collapsed (defaults to\n<code>'x-panel-collapsed'</code>).</p>\n<p>Defaults to: <code>'x-panel-collapsed'</code></p></div></div></div><div id='cfg-collapsible' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Panel' rel='Ext.Panel' class='defined-in docClass'>Ext.Panel</a><br/><a href='source/Panel.html#Ext-Panel-cfg-collapsible' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Panel-cfg-collapsible' class='name expandable'>collapsible</a><span> : Boolean</span></div><div class='description'><div class='short'>True to make the panel collapsible and have the expand/collapse toggle button automatically rendered into\nthe header ...</div><div class='long'><p>True to make the panel collapsible and have the expand/collapse toggle button automatically rendered into\nthe header tool button area, false to keep the panel statically sized with no button (defaults to false).</p>\n</div></div></div><div id='cfg-columnLines' class='member not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Ext.grid.GridPanel'>Ext.grid.GridPanel</span><br/><a href='source/GridPanel.html#Ext-grid-GridPanel-cfg-columnLines' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.grid.GridPanel-cfg-columnLines' class='name expandable'>columnLines</a><span> : Boolean</span></div><div class='description'><div class='short'>true to add css for column separation lines. ...</div><div class='long'><p><tt>true</tt> to add css for column separation lines.\nDefault is <tt>false</tt>.</p>\n<p>Defaults to: <code>false</code></p></div></div></div><div id='cfg-columns' class='member not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Ext.grid.GridPanel'>Ext.grid.GridPanel</span><br/><a href='source/GridPanel.html#Ext-grid-GridPanel-cfg-columns' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.grid.GridPanel-cfg-columns' class='name expandable'>columns</a><span> : <a href=\"#!/api/Array\" rel=\"Array\" class=\"docClass\">Array</a></span></div><div class='description'><div class='short'>An array of columns to auto create a\nExt.grid.ColumnModel. ...</div><div class='long'><p>An array of <a href=\"#!/api/Ext.grid.Column\" rel=\"Ext.grid.Column\" class=\"docClass\">columns</a> to auto create a\n<a href=\"#!/api/Ext.grid.ColumnModel\" rel=\"Ext.grid.ColumnModel\" class=\"docClass\">Ext.grid.ColumnModel</a>. The ColumnModel may be explicitly created via the\n<tt><a href=\"#!/api/Ext.grid.GridPanel-cfg-colModel\" rel=\"Ext.grid.GridPanel-cfg-colModel\" class=\"docClass\">colModel</a></tt> configuration property.</p>\n</div></div></div><div id='cfg-ctCls' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Component' rel='Ext.Component' class='defined-in docClass'>Ext.Component</a><br/><a href='source/Component.html#Ext-Component-cfg-ctCls' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Component-cfg-ctCls' class='name expandable'>ctCls</a><span> : <a href=\"#!/api/String\" rel=\"String\" class=\"docClass\">String</a></span></div><div class='description'><div class='short'>An optional extra CSS class that will be added to this component's container. ...</div><div class='long'><p>An optional extra CSS class that will be added to this component's container. This can be useful for\nadding customized styles to the container or any of its children using standard CSS rules. See\n<a href=\"#!/api/Ext.layout.ContainerLayout\" rel=\"Ext.layout.ContainerLayout\" class=\"docClass\">Ext.layout.ContainerLayout</a>.<a href=\"#!/api/Ext.layout.ContainerLayout-cfg-extraCls\" rel=\"Ext.layout.ContainerLayout-cfg-extraCls\" class=\"docClass\">extraCls</a> also.</p>\n\n\n<p><b>Note</b>: <tt>ctCls</tt> defaults to <tt>''</tt> except for the following class\nwhich assigns a value by default:\n<div class=\"mdetail-params\"><ul>\n<li>Box Layout : <tt>'x-box-layout-ct'</tt></li>\n</ul></div>\nTo configure the above Class with an extra CSS class append to the default. For example,\nfor BoxLayout (Hbox and Vbox):\n<pre><code>ctCls: 'x-box-layout-ct custom-class'\n</code></pre>\n</p>\n\n</div></div></div><div id='cfg-data' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Component' rel='Ext.Component' class='defined-in docClass'>Ext.Component</a><br/><a href='source/Component.html#Ext-Component-cfg-data' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Component-cfg-data' class='name not-expandable'>data</a><span> : Mixed</span></div><div class='description'><div class='short'><p>The initial set of data to apply to the <code><a href=\"#!/api/Ext.Component-cfg-tpl\" rel=\"Ext.Component-cfg-tpl\" class=\"docClass\">tpl</a></code> to\nupdate the content area of the Component.</p>\n</div><div class='long'><p>The initial set of data to apply to the <code><a href=\"#!/api/Ext.Component-cfg-tpl\" rel=\"Ext.Component-cfg-tpl\" class=\"docClass\">tpl</a></code> to\nupdate the content area of the Component.</p>\n</div></div></div><div id='cfg-ddGroup' class='member not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Ext.grid.GridPanel'>Ext.grid.GridPanel</span><br/><a href='source/GridPanel.html#Ext-grid-GridPanel-cfg-ddGroup' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.grid.GridPanel-cfg-ddGroup' class='name expandable'>ddGroup</a><span> : <a href=\"#!/api/String\" rel=\"String\" class=\"docClass\">String</a></span></div><div class='description'><div class='short'>The DD group this GridPanel belongs to. ...</div><div class='long'><p>The DD group this GridPanel belongs to. Defaults to <tt>'GridDD'</tt> if not specified.</p>\n</div></div></div><div id='cfg-ddText' class='member not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Ext.grid.GridPanel'>Ext.grid.GridPanel</span><br/><a href='source/GridPanel.html#Ext-grid-GridPanel-cfg-ddText' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.grid.GridPanel-cfg-ddText' class='name expandable'>ddText</a><span> : <a href=\"#!/api/String\" rel=\"String\" class=\"docClass\">String</a></span></div><div class='description'><div class='short'>Configures the text in the drag proxy. ...</div><div class='long'><p>Configures the text in the drag proxy. Defaults to:</p>\n\n<pre><code>ddText : '{0} selected row{1}'\n</code></pre>\n\n\n<p><tt>{0}</tt> is replaced with the number of selected rows.</p>\n<p>Defaults to: <code>'{0} selected row{1}'</code></p></div></div></div><div id='cfg-deferRowRender' class='member not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Ext.grid.GridPanel'>Ext.grid.GridPanel</span><br/><a href='source/GridPanel.html#Ext-grid-GridPanel-cfg-deferRowRender' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.grid.GridPanel-cfg-deferRowRender' class='name expandable'>deferRowRender</a><span> : Boolean</span></div><div class='description'><div class='short'>Defaults to true to enable deferred row rendering. ...</div><div class='long'><P>Defaults to <tt>true</tt> to enable deferred row rendering.</p>\n\n\n<p>This allows the GridPanel to be initially rendered empty, with the expensive update of the row\nstructure deferred so that layouts with GridPanels appear more quickly.</p>\n\n</P><p>Defaults to: <code>true</code></p></div></div></div><div id='cfg-disableSelection' class='member not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Ext.grid.GridPanel'>Ext.grid.GridPanel</span><br/><a href='source/GridPanel.html#Ext-grid-GridPanel-cfg-disableSelection' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.grid.GridPanel-cfg-disableSelection' class='name expandable'>disableSelection</a><span> : Boolean</span></div><div class='description'><div class='short'>true to disable selections in the grid. ...</div><div class='long'><p><tt>true</tt> to disable selections in the grid. Defaults to <tt>false</tt>.</p>\n\n\n<p>Ignored if a <a href=\"#!/api/Ext.grid.GridPanel-cfg-selModel\" rel=\"Ext.grid.GridPanel-cfg-selModel\" class=\"docClass\">SelectionModel</a> is specified.</p>\n\n</div></div></div><div id='cfg-disabled' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Panel' rel='Ext.Panel' class='defined-in docClass'>Ext.Panel</a><br/><a href='source/Panel.html#Ext-Panel-cfg-disabled' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Panel-cfg-disabled' class='name expandable'>disabled</a><span> : Boolean</span></div><div class='description'><div class='short'>Render this panel disabled (default is false). ...</div><div class='long'><p>Render this panel disabled (default is <code>false</code>). An important note when using the disabled\nconfig on panels is that IE will often fail to initialize the disabled mask element correectly if\nthe panel's layout has not yet completed by the time the Panel is disabled during the render process.\nIf you experience this issue, you may need to instead use the <a href=\"#!/api/Ext.Panel-event-afterlayout\" rel=\"Ext.Panel-event-afterlayout\" class=\"docClass\">afterlayout</a> event to initialize\nthe disabled state:</p>\n\n<pre><code>new <a href=\"#!/api/Ext.Panel\" rel=\"Ext.Panel\" class=\"docClass\">Ext.Panel</a>({\n ...\n listeners: {\n 'afterlayout': {\n fn: function(p){\n p.disable();\n },\n single: true // important, as many layouts can occur\n }\n }\n});\n</code></pre>\n\n<p>Overrides: <a href='#!/api/Ext.Component-cfg-disabled' rel='Ext.Component-cfg-disabled' class='docClass'>Ext.Component.disabled</a></p></div></div></div><div id='cfg-dragCell' class='member not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Ext.grid.GridPanel'>Ext.grid.GridPanel</span><br/><a href='source/GridPanel.html#Ext-grid-GridPanel-cfg-dragCell' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.grid.GridPanel-cfg-dragCell' class='name expandable'>dragCell</a><span> : Boolean</span></div><div class='description'><div class='short'>Defaults to false. ...</div><div class='long'><p>Defaults to <code>false</code>. If using <a href=\"#!/api/Ext.grid.GridPanel-cfg-enableDragDrop\" rel=\"Ext.grid.GridPanel-cfg-enableDragDrop\" class=\"docClass\">enableDragDrop</a> with a CellSelectionModel,\nset this to true to have the <a href=\"#!/api/Ext.grid.GridPanel-method-getView\" rel=\"Ext.grid.GridPanel-method-getView\" class=\"docClass\">view</a>'s <a href=\"#!/api/Ext.grid.GridView-property-dragZone\" rel=\"Ext.grid.GridView-property-dragZone\" class=\"docClass\">dragZone</a>'s <code>getDragData</code>\nmethod reference the selected <b>cell</b> using <code>[rowIndex, cellIndex]</code></p>\n</div></div></div><div id='cfg-draggable' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Panel' rel='Ext.Panel' class='defined-in docClass'>Ext.Panel</a><br/><a href='source/Panel.html#Ext-Panel-cfg-draggable' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Panel-cfg-draggable' class='name expandable'>draggable</a><span> : Boolean/Object</span></div><div class='description'><div class='short'>true to enable dragging of this Panel (defaults to false). ...</div><div class='long'><p><code>true</code> to enable dragging of this Panel (defaults to <code>false</code>).</p>\n\n\n<p>For custom drag/drop implementations, an <b>Ext.Panel.DD</b> config could also be passed\nin this config instead of <code>true</code>. Ext.Panel.DD is an internal, undocumented class which\nmoves a proxy Element around in place of the Panel's element, but provides no other behaviour\nduring dragging or on drop. It is a subclass of <a href=\"#!/api/Ext.dd.DragSource\" rel=\"Ext.dd.DragSource\" class=\"docClass\">Ext.dd.DragSource</a>, so behaviour may be\nadded by implementing the interface methods of <a href=\"#!/api/Ext.dd.DragDrop\" rel=\"Ext.dd.DragDrop\" class=\"docClass\">Ext.dd.DragDrop</a> e.g.:\n<pre><code>new <a href=\"#!/api/Ext.Panel\" rel=\"Ext.Panel\" class=\"docClass\">Ext.Panel</a>({\n title: 'Drag me',\n x: 100,\n y: 100,\n renderTo: <a href=\"#!/api/Ext-method-getBody\" rel=\"Ext-method-getBody\" class=\"docClass\">Ext.getBody</a>(),\n floating: true,\n frame: true,\n width: 400,\n height: 200,\n draggable: {\n// Config option of Ext.Panel.DD class.\n// It&#39;s a floating Panel, so do not show a placeholder proxy in the original position.\n insertProxy: false,\n\n// Called for each mousemove event while dragging the DD object.\n onDrag : function(e){\n// Record the x,y position of the drag proxy so that we can\n// position the Panel at end of drag.\n var pel = this.proxy.getEl();\n this.x = pel.getLeft(true);\n this.y = pel.getTop(true);\n\n// Keep the Shadow aligned if there is one.\n var s = this.panel.getEl().shadow;\n if (s) {\n s.realign(this.x, this.y, pel.getWidth(), pel.getHeight());\n }\n },\n\n// Called on the mouseup event.\n endDrag : function(e){\n this.panel.setPosition(this.x, this.y);\n }\n }\n}).show();\n</code></pre>\n\n</p></div></div></div><div id='cfg-enableColumnHide' class='member not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Ext.grid.GridPanel'>Ext.grid.GridPanel</span><br/><a href='source/GridPanel.html#Ext-grid-GridPanel-cfg-enableColumnHide' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.grid.GridPanel-cfg-enableColumnHide' class='name expandable'>enableColumnHide</a><span> : Boolean</span></div><div class='description'><div class='short'>Defaults to true to enable hiding of columns\nwith the header menu. ...</div><div class='long'><p>Defaults to <tt>true</tt> to enable <a href=\"#!/api/Ext.grid.Column-cfg-hidden\" rel=\"Ext.grid.Column-cfg-hidden\" class=\"docClass\">hiding of columns</a>\nwith the <a href=\"#!/api/Ext.grid.GridPanel-cfg-enableHdMenu\" rel=\"Ext.grid.GridPanel-cfg-enableHdMenu\" class=\"docClass\">header menu</a>.</p>\n<p>Defaults to: <code>true</code></p></div></div></div><div id='cfg-enableColumnMove' class='member not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Ext.grid.GridPanel'>Ext.grid.GridPanel</span><br/><a href='source/GridPanel.html#Ext-grid-GridPanel-cfg-enableColumnMove' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.grid.GridPanel-cfg-enableColumnMove' class='name expandable'>enableColumnMove</a><span> : Boolean</span></div><div class='description'><div class='short'>Defaults to true to enable drag and drop reorder of columns. ...</div><div class='long'><p>Defaults to <tt>true</tt> to enable drag and drop reorder of columns. <tt>false</tt>\nto turn off column reordering via drag drop.</p>\n<p>Defaults to: <code>true</code></p></div></div></div><div id='cfg-enableColumnResize' class='member not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Ext.grid.GridPanel'>Ext.grid.GridPanel</span><br/><a href='source/GridPanel.html#Ext-grid-GridPanel-cfg-enableColumnResize' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.grid.GridPanel-cfg-enableColumnResize' class='name expandable'>enableColumnResize</a><span> : Boolean</span></div><div class='description'><div class='short'>false to turn off column resizing for the whole grid. ...</div><div class='long'><p><tt>false</tt> to turn off column resizing for the whole grid. Defaults to <tt>true</tt>.</p>\n</div></div></div><div id='cfg-enableDragDrop' class='member not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Ext.grid.GridPanel'>Ext.grid.GridPanel</span><br/><a href='source/GridPanel.html#Ext-grid-GridPanel-cfg-enableDragDrop' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.grid.GridPanel-cfg-enableDragDrop' class='name expandable'>enableDragDrop</a><span> : Boolean</span></div><div class='description'><div class='short'>Enables dragging of the selected rows of the GridPanel. ...</div><div class='long'><p>Enables dragging of the selected rows of the GridPanel. Defaults to <tt>false</tt>.</p>\n\n\n<p>Setting this to <b><tt>true</tt></b> causes this GridPanel's <a href=\"#!/api/Ext.grid.GridPanel-method-getView\" rel=\"Ext.grid.GridPanel-method-getView\" class=\"docClass\">GridView</a> to\ncreate an instance of <a href=\"#!/api/Ext.grid.GridDragZone\" rel=\"Ext.grid.GridDragZone\" class=\"docClass\">Ext.grid.GridDragZone</a>. <b>Note</b>: this is available only <b>after</b>\nthe Grid has been rendered as the GridView's <tt><a href=\"#!/api/Ext.grid.GridView-property-dragZone\" rel=\"Ext.grid.GridView-property-dragZone\" class=\"docClass\">dragZone</a></tt>\nproperty.</p>\n\n\n<p>A cooperating <a href=\"#!/api/Ext.dd.DropZone\" rel=\"Ext.dd.DropZone\" class=\"docClass\">DropZone</a> must be created who's implementations of\n<a href=\"#!/api/Ext.dd.DropZone-method-onNodeEnter\" rel=\"Ext.dd.DropZone-method-onNodeEnter\" class=\"docClass\">onNodeEnter</a>, <a href=\"#!/api/Ext.dd.DropZone-method-onNodeOver\" rel=\"Ext.dd.DropZone-method-onNodeOver\" class=\"docClass\">onNodeOver</a>,\n<a href=\"#!/api/Ext.dd.DropZone-method-onNodeOut\" rel=\"Ext.dd.DropZone-method-onNodeOut\" class=\"docClass\">onNodeOut</a> and <a href=\"#!/api/Ext.dd.DropZone-method-onNodeDrop\" rel=\"Ext.dd.DropZone-method-onNodeDrop\" class=\"docClass\">onNodeDrop</a> are able\nto process the <a href=\"#!/api/Ext.grid.GridDragZone-method-getDragData\" rel=\"Ext.grid.GridDragZone-method-getDragData\" class=\"docClass\">data</a> which is provided.</p>\n\n<p>Defaults to: <code>false</code></p></div></div></div><div id='cfg-enableHdMenu' class='member not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Ext.grid.GridPanel'>Ext.grid.GridPanel</span><br/><a href='source/GridPanel.html#Ext-grid-GridPanel-cfg-enableHdMenu' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.grid.GridPanel-cfg-enableHdMenu' class='name expandable'>enableHdMenu</a><span> : Boolean</span></div><div class='description'><div class='short'>Defaults to true to enable the drop down button for menu in the headers. ...</div><div class='long'><p>Defaults to <tt>true</tt> to enable the drop down button for menu in the headers.</p>\n<p>Defaults to: <code>true</code></p></div></div></div><div id='cfg-fbar' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Panel' rel='Ext.Panel' class='defined-in docClass'>Ext.Panel</a><br/><a href='source/Panel.html#Ext-Panel-cfg-fbar' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Panel-cfg-fbar' class='name expandable'>fbar</a><span> : Object/<a href=\"#!/api/Array\" rel=\"Array\" class=\"docClass\">Array</a></span></div><div class='description'><div class='short'>A Toolbar object, a Toolbar config, or an array of\nButtons/Button configs, describing a Toolbar to be rendered into t...</div><div class='long'><p>A <a href=\"#!/api/Ext.Toolbar\" rel=\"Ext.Toolbar\" class=\"docClass\">Toolbar</a> object, a Toolbar config, or an array of\n<a href=\"#!/api/Ext.Button\" rel=\"Ext.Button\" class=\"docClass\">Button</a>s/<a href=\"#!/api/Ext.Button\" rel=\"Ext.Button\" class=\"docClass\">Button</a> configs, describing a <a href=\"#!/api/Ext.Toolbar\" rel=\"Ext.Toolbar\" class=\"docClass\">Toolbar</a> to be rendered into this Panel's footer element.</p>\n\n\n<p>After render, the <code>fbar</code> property will be an <a href=\"#!/api/Ext.Toolbar\" rel=\"Ext.Toolbar\" class=\"docClass\">Toolbar</a> instance.</p>\n\n\n<p>If <code><a href=\"#!/api/Ext.Panel-property-buttons\" rel=\"Ext.Panel-property-buttons\" class=\"docClass\">buttons</a></code> are specified, they will supersede the <code>fbar</code> configuration property.</p>\n\n\n<p>The Panel's <code><a href=\"#!/api/Ext.Panel-cfg-buttonAlign\" rel=\"Ext.Panel-cfg-buttonAlign\" class=\"docClass\">buttonAlign</a></code> configuration affects the layout of these items, for example:</p>\n\n<pre><code>var w = new <a href=\"#!/api/Ext.Window\" rel=\"Ext.Window\" class=\"docClass\">Ext.Window</a>({\n height: 250,\n width: 500,\n bbar: new <a href=\"#!/api/Ext.Toolbar\" rel=\"Ext.Toolbar\" class=\"docClass\">Ext.Toolbar</a>({\n items: [{\n text: 'bbar Left'\n },'->',{\n text: 'bbar Right'\n }]\n }),\n <a href=\"#!/api/Ext.Panel-cfg-buttonAlign\" rel=\"Ext.Panel-cfg-buttonAlign\" class=\"docClass\">buttonAlign</a>: 'left', // anything but 'center' or 'right' and you can use '-', and '->'\n // to control the alignment of fbar items\n fbar: [{\n text: 'fbar Left'\n },'->',{\n text: 'fbar Right'\n }]\n}).show();\n</code></pre>\n\n\n<p><b>Note:</b> Although a Toolbar may contain Field components, these will <b>not</b> be updated by a load\nof an ancestor FormPanel. A Panel's toolbars are not part of the standard Container->Component hierarchy, and\nso are not scanned to collect form items. However, the values <b>will</b> be submitted because form\nsubmission parameters are collected from the DOM tree.</p>\n\n</div></div></div><div id='cfg-fieldLabel' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Component' rel='Ext.Component' class='defined-in docClass'>Ext.Component</a><br/><a href='source/Component.html#Ext-Component-cfg-fieldLabel' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Component-cfg-fieldLabel' class='name expandable'>fieldLabel</a><span> : <a href=\"#!/api/String\" rel=\"String\" class=\"docClass\">String</a></span></div><div class='description'><div class='short'>The label text to display next to this Component (defaults to ''). ...</div><div class='long'><p>The label text to display next to this Component (defaults to '').</p>\n\n\n<br><p><b>Note</b>: this config is only used when this Component is rendered by a Container which\n\n\n<p>has been configured to use the <b><a href=\"#!/api/Ext.layout.FormLayout\" rel=\"Ext.layout.FormLayout\" class=\"docClass\">FormLayout</a></b> layout manager (e.g.\n<a href=\"#!/api/Ext.form.FormPanel\" rel=\"Ext.form.FormPanel\" class=\"docClass\">Ext.form.FormPanel</a> or specifying <tt>layout:'form'</tt>).</p><br></p>\n\n<p>Also see <tt><a href=\"#!/api/Ext.Component-cfg-hideLabel\" rel=\"Ext.Component-cfg-hideLabel\" class=\"docClass\">hideLabel</a></tt> and\n<a href=\"#!/api/Ext.layout.FormLayout\" rel=\"Ext.layout.FormLayout\" class=\"docClass\">Ext.layout.FormLayout</a>.<a href=\"#!/api/Ext.layout.FormLayout-property-fieldTpl\" rel=\"Ext.layout.FormLayout-property-fieldTpl\" class=\"docClass\">fieldTpl</a>.</p>\n\n\n<p>Example use:</p>\n\n<pre><code>new Ext.FormPanel({\n height: 100,\n renderTo: <a href=\"#!/api/Ext-method-getBody\" rel=\"Ext-method-getBody\" class=\"docClass\">Ext.getBody</a>(),\n items: [{\n xtype: 'textfield',\n fieldLabel: 'Name'\n }]\n});\n</code></pre>\n\n</div></div></div><div id='cfg-flex' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.BoxComponent' rel='Ext.BoxComponent' class='defined-in docClass'>Ext.BoxComponent</a><br/><a href='source/BoxComponent.html#Ext-BoxComponent-cfg-flex' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.BoxComponent-cfg-flex' class='name expandable'>flex</a><span> : <a href=\"#!/api/Number\" rel=\"Number\" class=\"docClass\">Number</a></span></div><div class='description'><div class='short'>Note: this config is only used when this Component is rendered\nby a Container which has been configured to use a BoxL...</div><div class='long'><p><b>Note</b>: this config is only used when this Component is rendered\nby a Container which has been configured to use a <b><a href=\"#!/api/Ext.layout.BoxLayout\" rel=\"Ext.layout.BoxLayout\" class=\"docClass\">BoxLayout</a>.</b>\nEach child Component with a <code>flex</code> property will be flexed either vertically (by a VBoxLayout)\nor horizontally (by an HBoxLayout) according to the item's <b>relative</b> <code>flex</code> value\ncompared to the sum of all Components with <code>flex</code> value specified. Any child items that have\neither a <code>flex = 0</code> or <code>flex = undefined</code> will not be 'flexed' (the initial size will not be changed).\n\n</p></div></div></div><div id='cfg-floating' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Panel' rel='Ext.Panel' class='defined-in docClass'>Ext.Panel</a><br/><a href='source/Panel.html#Ext-Panel-cfg-floating' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Panel-cfg-floating' class='name expandable'>floating</a><span> : Mixed</span></div><div class='description'><div class='short'>This property is used to configure the underlying Ext.Layer. ...</div><div class='long'><p>This property is used to configure the underlying <a href=\"#!/api/Ext.Layer\" rel=\"Ext.Layer\" class=\"docClass\">Ext.Layer</a>. Acceptable values for this\nconfiguration property are:</p>\n\n\n<div class=\"mdetail-params\"><ul>\n<li><b><code>false</code></b> : <b>Default.</b><div class=\"sub-desc\">Display the panel inline where it is\nrendered.</div></li>\n<li><b><code>true</code></b> : <div class=\"sub-desc\">Float the panel (absolute position it with automatic\nshimming and shadow).<ul>\n<div class=\"sub-desc\">Setting floating to true will create an <a href=\"#!/api/Ext.Layer\" rel=\"Ext.Layer\" class=\"docClass\">Ext.Layer</a> for this panel and display the\npanel at negative offsets so that it is hidden.</div>\n<div class=\"sub-desc\">Since the panel will be absolute positioned, the position must be set explicitly\n<i>after</i> render (e.g., <code>myPanel.setPosition(100,100);</code>).</div>\n<div class=\"sub-desc\"><b>Note</b>: when floating a panel you should always assign a fixed width,\notherwise it will be auto width and will expand to fill to the right edge of the viewport.</div>\n</ul></div></li>\n<li><b><code><a href=\"#!/api/Ext.Layer\" rel=\"Ext.Layer\" class=\"docClass\">object</a></code></b> : <div class=\"sub-desc\">The specified object will be used\nas the configuration object for the <a href=\"#!/api/Ext.Layer\" rel=\"Ext.Layer\" class=\"docClass\">Ext.Layer</a> that will be created.</div></li>\n</ul></div>\n\n</div></div></div><div id='cfg-footer' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Panel' rel='Ext.Panel' class='defined-in docClass'>Ext.Panel</a><br/><a href='source/Panel.html#Ext-Panel-cfg-footer' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Panel-cfg-footer' class='name expandable'>footer</a><span> : Boolean</span></div><div class='description'><div class='short'>true to create the footer element explicitly, false to skip creating it. ...</div><div class='long'><p><code>true</code> to create the footer element explicitly, false to skip creating it. The footer\nwill be created automatically if <code><a href=\"#!/api/Ext.Panel-property-buttons\" rel=\"Ext.Panel-property-buttons\" class=\"docClass\">buttons</a></code> or a <code><a href=\"#!/api/Ext.Panel-cfg-fbar\" rel=\"Ext.Panel-cfg-fbar\" class=\"docClass\">fbar</a></code> have\nbeen configured. See <code><a href=\"#!/api/Ext.Panel-cfg-bodyCfg\" rel=\"Ext.Panel-cfg-bodyCfg\" class=\"docClass\">bodyCfg</a></code> for an example.</p>\n</div></div></div><div id='cfg-footerCfg' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Panel' rel='Ext.Panel' class='defined-in docClass'>Ext.Panel</a><br/><a href='source/Panel.html#Ext-Panel-cfg-footerCfg' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Panel-cfg-footerCfg' class='name expandable'>footerCfg</a><span> : Object</span></div><div class='description'><div class='short'>A DomHelper element specification object specifying the element structure\nof this Panel's footer Element. ...</div><div class='long'><p>A <a href=\"#!/api/Ext.DomHelper\" rel=\"Ext.DomHelper\" class=\"docClass\">DomHelper</a> element specification object specifying the element structure\nof this Panel's <a href=\"#!/api/Ext.Panel-cfg-footer\" rel=\"Ext.Panel-cfg-footer\" class=\"docClass\">footer</a> Element. See <code><a href=\"#!/api/Ext.Panel-cfg-bodyCfg\" rel=\"Ext.Panel-cfg-bodyCfg\" class=\"docClass\">bodyCfg</a></code> also.</p>\n\n</div></div></div><div id='cfg-forceLayout' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Container' rel='Ext.Container' class='defined-in docClass'>Ext.Container</a><br/><a href='source/Container.html#Ext-Container-cfg-forceLayout' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Container-cfg-forceLayout' class='name expandable'>forceLayout</a><span> : Boolean</span></div><div class='description'><div class='short'>If true the container will force a layout initially even if hidden or collapsed. ...</div><div class='long'><p>If true the container will force a layout initially even if hidden or collapsed. This option\nis useful for forcing forms to render in collapsed or hidden containers. (defaults to false).</p>\n<p>Defaults to: <code>false</code></p></div></div></div><div id='cfg-frame' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Panel' rel='Ext.Panel' class='defined-in docClass'>Ext.Panel</a><br/><a href='source/Panel.html#Ext-Panel-cfg-frame' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Panel-cfg-frame' class='name expandable'>frame</a><span> : Boolean</span></div><div class='description'><div class='short'>false by default to render with plain 1px square borders. ...</div><div class='long'><p><code>false</code> by default to render with plain 1px square borders. <code>true</code> to render with\n9 elements, complete with custom rounded corners (also see <a href=\"#!/api/Ext.Element-method-boxWrap\" rel=\"Ext.Element-method-boxWrap\" class=\"docClass\">Ext.Element.boxWrap</a>).</p>\n\n<p>The template generated for each condition is depicted below:</p>\n\n\n<pre><code>\n// frame = false\n&lt;div id=\"developer-specified-id-goes-here\" class=\"x-panel\">\n\n &lt;div class=\"x-panel-header\">&lt;span class=\"x-panel-header-text\">Title: (frame:false)&lt;/span>&lt;/div>\n\n &lt;div class=\"x-panel-bwrap\">\n &lt;div class=\"x-panel-body\">&lt;p>html value goes here&lt;/p>&lt;/div>\n &lt;/div>\n&lt;/div>\n\n// frame = true (create 9 elements)\n&lt;div id=\"developer-specified-id-goes-here\" class=\"x-panel\">\n &lt;div class=\"x-panel-tl\">&lt;div class=\"x-panel-tr\">&lt;div class=\"x-panel-tc\">\n &lt;div class=\"x-panel-header\">&lt;span class=\"x-panel-header-text\">Title: (frame:true)&lt;/span>&lt;/div>\n &lt;/div>&lt;/div>&lt;/div>\n\n &lt;div class=\"x-panel-bwrap\">\n &lt;div class=\"x-panel-ml\">&lt;div class=\"x-panel-mr\">&lt;div class=\"x-panel-mc\">\n &lt;div class=\"x-panel-body\">&lt;p>html value goes here&lt;/p>&lt;/div>\n &lt;/div>&lt;/div>&lt;/div>\n\n &lt;div class=\"x-panel-bl\">&lt;div class=\"x-panel-br\">&lt;div class=\"x-panel-bc\"/>\n &lt;/div>&lt;/div>&lt;/div>\n&lt;/div>\n</code></pre>\n\n</div></div></div><div id='cfg-header' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Panel' rel='Ext.Panel' class='defined-in docClass'>Ext.Panel</a><br/><a href='source/Panel.html#Ext-Panel-cfg-header' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Panel-cfg-header' class='name expandable'>header</a><span> : Boolean</span></div><div class='description'><div class='short'>true to create the Panel's header element explicitly, false to skip creating\nit. ...</div><div class='long'><p><code>true</code> to create the Panel's header element explicitly, <code>false</code> to skip creating\nit. If a <code><a href=\"#!/api/Ext.Panel-cfg-title\" rel=\"Ext.Panel-cfg-title\" class=\"docClass\">title</a></code> is set the header will be created automatically, otherwise it will not.\nIf a <code><a href=\"#!/api/Ext.Panel-cfg-title\" rel=\"Ext.Panel-cfg-title\" class=\"docClass\">title</a></code> is set but <code>header</code> is explicitly set to <code>false</code>, the header\nwill not be rendered.</p>\n</div></div></div><div id='cfg-headerAsText' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Panel' rel='Ext.Panel' class='defined-in docClass'>Ext.Panel</a><br/><a href='source/Panel.html#Ext-Panel-cfg-headerAsText' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Panel-cfg-headerAsText' class='name expandable'>headerAsText</a><span> : Boolean</span></div><div class='description'><div class='short'>true to display the panel title in the header,\nfalse to hide it (defaults to true). ...</div><div class='long'><p><code>true</code> to display the panel <code><a href=\"#!/api/Ext.Panel-cfg-title\" rel=\"Ext.Panel-cfg-title\" class=\"docClass\">title</a></code> in the <code><a href=\"#!/api/Ext.Panel-property-header\" rel=\"Ext.Panel-property-header\" class=\"docClass\">header</a></code>,\n<code>false</code> to hide it (defaults to <code>true</code>).</p>\n<p>Defaults to: <code>true</code></p></div></div></div><div id='cfg-headerCfg' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Panel' rel='Ext.Panel' class='defined-in docClass'>Ext.Panel</a><br/><a href='source/Panel.html#Ext-Panel-cfg-headerCfg' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Panel-cfg-headerCfg' class='name expandable'>headerCfg</a><span> : Object</span></div><div class='description'><div class='short'>A DomHelper element specification object specifying the element structure\nof this Panel's header Element. ...</div><div class='long'><p>A <a href=\"#!/api/Ext.DomHelper\" rel=\"Ext.DomHelper\" class=\"docClass\">DomHelper</a> element specification object specifying the element structure\nof this Panel's <a href=\"#!/api/Ext.Panel-property-header\" rel=\"Ext.Panel-property-header\" class=\"docClass\">header</a> Element. See <code><a href=\"#!/api/Ext.Panel-cfg-bodyCfg\" rel=\"Ext.Panel-cfg-bodyCfg\" class=\"docClass\">bodyCfg</a></code> also.</p>\n\n</div></div></div><div id='cfg-height' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.BoxComponent' rel='Ext.BoxComponent' class='defined-in docClass'>Ext.BoxComponent</a><br/><a href='source/BoxComponent.html#Ext-BoxComponent-cfg-height' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.BoxComponent-cfg-height' class='name expandable'>height</a><span> : <a href=\"#!/api/Number\" rel=\"Number\" class=\"docClass\">Number</a></span></div><div class='description'><div class='short'>The height of this component in pixels (defaults to auto). ...</div><div class='long'><p>The height of this component in pixels (defaults to auto).\n<b>Note</b> to express this dimension as a percentage or offset see Ext.Component.anchor.</p>\n</div></div></div><div id='cfg-hidden' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Component' rel='Ext.Component' class='defined-in docClass'>Ext.Component</a><br/><a href='source/Component.html#Ext-Component-cfg-hidden' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Component-cfg-hidden' class='name expandable'>hidden</a><span> : Boolean</span></div><div class='description'><div class='short'>Render this component hidden (default is false). ...</div><div class='long'><p>Render this component hidden (default is false). If <tt>true</tt>, the\n<a href=\"#!/api/Ext.Component-method-hide\" rel=\"Ext.Component-method-hide\" class=\"docClass\">hide</a> method will be called internally.</p>\n<p>Defaults to: <code>false</code></p></div></div></div><div id='cfg-hideCollapseTool' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Panel' rel='Ext.Panel' class='defined-in docClass'>Ext.Panel</a><br/><a href='source/Panel.html#Ext-Panel-cfg-hideCollapseTool' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Panel-cfg-hideCollapseTool' class='name not-expandable'>hideCollapseTool</a><span> : Boolean</span></div><div class='description'><div class='short'><p><code>true</code> to hide the expand/collapse toggle button when <code><a href=\"#!/api/Ext.Panel-cfg-collapsible\" rel=\"Ext.Panel-cfg-collapsible\" class=\"docClass\">collapsible</a> == true</code>,\n<code>false</code> to display it (defaults to <code>false</code>).</p>\n</div><div class='long'><p><code>true</code> to hide the expand/collapse toggle button when <code><a href=\"#!/api/Ext.Panel-cfg-collapsible\" rel=\"Ext.Panel-cfg-collapsible\" class=\"docClass\">collapsible</a> == true</code>,\n<code>false</code> to display it (defaults to <code>false</code>).</p>\n</div></div></div><div id='cfg-hideHeaders' class='member not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Ext.grid.GridPanel'>Ext.grid.GridPanel</span><br/><a href='source/GridPanel.html#Ext-grid-GridPanel-cfg-hideHeaders' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.grid.GridPanel-cfg-hideHeaders' class='name expandable'>hideHeaders</a><span> : Boolean</span></div><div class='description'><div class='short'>True to hide the grid's header. ...</div><div class='long'><p>True to hide the grid's header. Defaults to <code>false</code>.</p>\n</div></div></div><div id='cfg-hideLabel' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Component' rel='Ext.Component' class='defined-in docClass'>Ext.Component</a><br/><a href='source/Component.html#Ext-Component-cfg-hideLabel' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Component-cfg-hideLabel' class='name expandable'>hideLabel</a><span> : Boolean</span></div><div class='description'><div class='short'>true to completely hide the label element\n(label and separator). ...</div><div class='long'><p><tt>true</tt> to completely hide the label element\n(<a href=\"#!/api/Ext.Component-cfg-fieldLabel\" rel=\"Ext.Component-cfg-fieldLabel\" class=\"docClass\">label</a> and <a href=\"#!/api/Ext.Component-cfg-labelSeparator\" rel=\"Ext.Component-cfg-labelSeparator\" class=\"docClass\">separator</a>). Defaults to <tt>false</tt>.\nBy default, even if you do not specify a <tt><a href=\"#!/api/Ext.Component-cfg-fieldLabel\" rel=\"Ext.Component-cfg-fieldLabel\" class=\"docClass\">fieldLabel</a></tt> the space will still be\nreserved so that the field will line up with other fields that do have labels.\nSetting this to <tt>true</tt> will cause the field to not reserve that space.</p>\n\n\n<br><p><b>Note</b>: see the note for <tt><a href=\"#!/api/Ext.Component-cfg-clearCls\" rel=\"Ext.Component-cfg-clearCls\" class=\"docClass\">clearCls</a></tt>.</p><br>\n\n\n<p>Example use:</p>\n\n<pre><code>new Ext.FormPanel({\n height: 100,\n renderTo: <a href=\"#!/api/Ext-method-getBody\" rel=\"Ext-method-getBody\" class=\"docClass\">Ext.getBody</a>(),\n items: [{\n xtype: 'textfield'\n hideLabel: true\n }]\n});\n</code></pre>\n\n</div></div></div><div id='cfg-hideMode' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Component' rel='Ext.Component' class='defined-in docClass'>Ext.Component</a><br/><a href='source/Component.html#Ext-Component-cfg-hideMode' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Component-cfg-hideMode' class='name expandable'>hideMode</a><span> : <a href=\"#!/api/String\" rel=\"String\" class=\"docClass\">String</a></span></div><div class='description'><div class='short'>How this component should be hidden. ...</div><div class='long'><p>How this component should be hidden. Supported values are <tt>'visibility'</tt>\n(css visibility), <tt>'offsets'</tt> (negative offset position) and <tt>'display'</tt>\n(css display).</p>\n\n\n<br><p><b>Note</b>: the default of <tt>'display'</tt> is generally preferred\n\n\n<p>since items are automatically laid out when they are first shown (no sizing\nis done while hidden).</p></p>\n<p>Defaults to: <code>'display'</code></p></div></div></div><div id='cfg-hideParent' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Component' rel='Ext.Component' class='defined-in docClass'>Ext.Component</a><br/><a href='source/Component.html#Ext-Component-cfg-hideParent' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Component-cfg-hideParent' class='name expandable'>hideParent</a><span> : Boolean</span></div><div class='description'><div class='short'>True to hide and show the component's container when hide/show is called on the component, false to hide\nand show the...</div><div class='long'><p>True to hide and show the component's container when hide/show is called on the component, false to hide\nand show the component itself (defaults to false). For example, this can be used as a shortcut for a hide\nbutton on a window by setting hide:true on the button when adding it to its parent container.</p>\n<p>Defaults to: <code>false</code></p></div></div></div><div id='cfg-iconCls' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Panel' rel='Ext.Panel' class='defined-in docClass'>Ext.Panel</a><br/><a href='source/Panel.html#Ext-Panel-cfg-iconCls' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Panel-cfg-iconCls' class='name expandable'>iconCls</a><span> : <a href=\"#!/api/String\" rel=\"String\" class=\"docClass\">String</a></span></div><div class='description'><div class='short'>The CSS class selector that specifies a background image to be used as the header icon (defaults to ''). ...</div><div class='long'><p>The CSS class selector that specifies a background image to be used as the header icon (defaults to '').</p>\n\n<p>An example of specifying a custom icon class would be something like:\n</p>\n\n\n<pre><code>// specify the property in the config for the class:\n ...\n iconCls: 'my-icon'\n\n// css class that specifies background image to be used as the icon image:\n.my-icon { background-image: url(../images/my-icon.gif) 0 6px no-repeat !important; }\n</code></pre>\n\n</div></div></div><div id='cfg-id' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Component' rel='Ext.Component' class='defined-in docClass'>Ext.Component</a><br/><a href='source/Component.html#Ext-Component-cfg-id' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Component-cfg-id' class='name expandable'>id</a><span> : <a href=\"#!/api/String\" rel=\"String\" class=\"docClass\">String</a></span></div><div class='description'><div class='short'>The unique id of this component (defaults to an auto-assigned id). ...</div><div class='long'><p>The <b>unique</b> id of this component (defaults to an <a href=\"#!/api/Ext.Component-method-getId\" rel=\"Ext.Component-method-getId\" class=\"docClass\">auto-assigned id</a>).\nYou should assign an id if you need to be able to access the component later and you do\nnot have an object reference available (e.g., using <a href=\"#!/api/Ext\" rel=\"Ext\" class=\"docClass\">Ext</a>.<a href=\"#!/api/Ext-method-getCmp\" rel=\"Ext-method-getCmp\" class=\"docClass\">getCmp</a>).</p>\n\n\n<p>Note that this id will also be used as the element id for the containing HTML element\nthat is rendered to the page for this component. This allows you to write id-based CSS\nrules to style the specific instance of this component uniquely, and also to select\nsub-elements using this component's id as the parent.</p>\n\n\n<p><b>Note</b>: to avoid complications imposed by a unique <tt>id</tt> also see\n<code><a href=\"#!/api/Ext.Component-cfg-itemId\" rel=\"Ext.Component-cfg-itemId\" class=\"docClass\">itemId</a></code> and <code><a href=\"#!/api/Ext.Component-cfg-ref\" rel=\"Ext.Component-cfg-ref\" class=\"docClass\">ref</a></code>.</p>\n\n\n<p><b>Note</b>: to access the container of an item see <code><a href=\"#!/api/Ext.Component-property-ownerCt\" rel=\"Ext.Component-property-ownerCt\" class=\"docClass\">ownerCt</a></code>.</p>\n\n</div></div></div><div id='cfg-itemCls' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Component' rel='Ext.Component' class='defined-in docClass'>Ext.Component</a><br/><a href='source/Component.html#Ext-Component-cfg-itemCls' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Component-cfg-itemCls' class='name expandable'>itemCls</a><span> : <a href=\"#!/api/String\" rel=\"String\" class=\"docClass\">String</a></span></div><div class='description'><div class='short'>Note: this config is only used when this Component is rendered by a Container which\nhas been configured to use the Fo...</div><div class='long'><p><b>Note</b>: this config is only used when this Component is rendered by a Container which\nhas been configured to use the <b><a href=\"#!/api/Ext.layout.FormLayout\" rel=\"Ext.layout.FormLayout\" class=\"docClass\">FormLayout</a></b> layout manager (e.g.\n<a href=\"#!/api/Ext.form.FormPanel\" rel=\"Ext.form.FormPanel\" class=\"docClass\">Ext.form.FormPanel</a> or specifying <tt>layout:'form'</tt>).</p>\n\n\n<br>\n\n\n<p>An additional CSS class to apply to the div wrapping the form item\nelement of this field. If supplied, <tt>itemCls</tt> at the <b>field</b> level will override\nthe default <tt>itemCls</tt> supplied at the <b>container</b> level. The value specified for\n<tt>itemCls</tt> will be added to the default class (<tt>'x-form-item'</tt>).</p>\n\n\n<p>Since it is applied to the item wrapper (see\n<a href=\"#!/api/Ext.layout.FormLayout\" rel=\"Ext.layout.FormLayout\" class=\"docClass\">Ext.layout.FormLayout</a>.<a href=\"#!/api/Ext.layout.FormLayout-property-fieldTpl\" rel=\"Ext.layout.FormLayout-property-fieldTpl\" class=\"docClass\">fieldTpl</a>), it allows\nyou to write standard CSS rules that can apply to the field, the label (if specified), or\nany other element within the markup for the field.</p>\n\n\n<br><p><b>Note</b>: see the note for <tt><a href=\"#!/api/Ext.Component-cfg-fieldLabel\" rel=\"Ext.Component-cfg-fieldLabel\" class=\"docClass\">fieldLabel</a></tt>.</p><br>\n\n\n<p>Example use:</p>\n\n<pre><code>// Apply a style to the field&#39;s label:\n&lt;style>\n .required .x-form-item-label {font-weight:bold;color:red;}\n&lt;/style>\n\nnew Ext.FormPanel({\n height: 100,\n renderTo: <a href=\"#!/api/Ext-method-getBody\" rel=\"Ext-method-getBody\" class=\"docClass\">Ext.getBody</a>(),\n items: [{\n xtype: 'textfield',\n fieldLabel: 'Name',\n itemCls: 'required' //this label will be styled\n },{\n xtype: 'textfield',\n fieldLabel: 'Favorite Color'\n }]\n});\n</code></pre>\n\n</div></div></div><div id='cfg-itemId' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Component' rel='Ext.Component' class='defined-in docClass'>Ext.Component</a><br/><a href='source/Component.html#Ext-Component-cfg-itemId' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Component-cfg-itemId' class='name expandable'>itemId</a><span> : <a href=\"#!/api/String\" rel=\"String\" class=\"docClass\">String</a></span></div><div class='description'><div class='short'>An itemId can be used as an alternative way to get a reference to a component\nwhen no object reference is available. ...</div><div class='long'><p>An <tt>itemId</tt> can be used as an alternative way to get a reference to a component\nwhen no object reference is available. Instead of using an <code><a href=\"#!/api/Ext.Component-cfg-id\" rel=\"Ext.Component-cfg-id\" class=\"docClass\">id</a></code> with\n<a href=\"#!/api/Ext\" rel=\"Ext\" class=\"docClass\">Ext</a>.<a href=\"#!/api/Ext-method-getCmp\" rel=\"Ext-method-getCmp\" class=\"docClass\">getCmp</a>, use <code>itemId</code> with\n<a href=\"#!/api/Ext.Container\" rel=\"Ext.Container\" class=\"docClass\">Ext.Container</a>.<a href=\"#!/api/Ext.Container-method-getComponent\" rel=\"Ext.Container-method-getComponent\" class=\"docClass\">getComponent</a> which will retrieve\n<code>itemId</code>'s or <tt><a href=\"#!/api/Ext.Component-cfg-id\" rel=\"Ext.Component-cfg-id\" class=\"docClass\">id</a></tt>'s. Since <code>itemId</code>'s are an index to the\ncontainer's internal MixedCollection, the <code>itemId</code> is scoped locally to the container --\navoiding potential conflicts with <a href=\"#!/api/Ext.ComponentMgr\" rel=\"Ext.ComponentMgr\" class=\"docClass\">Ext.ComponentMgr</a> which requires a <b>unique</b>\n<code><a href=\"#!/api/Ext.Component-cfg-id\" rel=\"Ext.Component-cfg-id\" class=\"docClass\">id</a></code>.</p>\n\n\n<pre><code>var c = new <a href=\"#!/api/Ext.Panel\" rel=\"Ext.Panel\" class=\"docClass\">Ext.Panel</a>({ //\n <a href=\"#!/api/Ext.BoxComponent-cfg-height\" rel=\"Ext.BoxComponent-cfg-height\" class=\"docClass\">height</a>: 300,\n <a href=\"#!/api/Ext.Component-cfg-renderTo\" rel=\"Ext.Component-cfg-renderTo\" class=\"docClass\">renderTo</a>: document.body,\n <a href=\"#!/api/Ext.Container-cfg-layout\" rel=\"Ext.Container-cfg-layout\" class=\"docClass\">layout</a>: 'auto',\n <a href=\"#!/api/Ext.Container-property-items\" rel=\"Ext.Container-property-items\" class=\"docClass\">items</a>: [\n {\n itemId: 'p1',\n <a href=\"#!/api/Ext.Panel-cfg-title\" rel=\"Ext.Panel-cfg-title\" class=\"docClass\">title</a>: 'Panel 1',\n <a href=\"#!/api/Ext.BoxComponent-cfg-height\" rel=\"Ext.BoxComponent-cfg-height\" class=\"docClass\">height</a>: 150\n },\n {\n itemId: 'p2',\n <a href=\"#!/api/Ext.Panel-cfg-title\" rel=\"Ext.Panel-cfg-title\" class=\"docClass\">title</a>: 'Panel 2',\n <a href=\"#!/api/Ext.BoxComponent-cfg-height\" rel=\"Ext.BoxComponent-cfg-height\" class=\"docClass\">height</a>: 150\n }\n ]\n})\np1 = c.<a href=\"#!/api/Ext.Container-method-getComponent\" rel=\"Ext.Container-method-getComponent\" class=\"docClass\">getComponent</a>('p1'); // not the same as <a href=\"#!/api/Ext-method-getCmp\" rel=\"Ext-method-getCmp\" class=\"docClass\">Ext.getCmp()</a>\np2 = p1.<a href=\"#!/api/Ext.Component-property-ownerCt\" rel=\"Ext.Component-property-ownerCt\" class=\"docClass\">ownerCt</a>.<a href=\"#!/api/Ext.Container-method-getComponent\" rel=\"Ext.Container-method-getComponent\" class=\"docClass\">getComponent</a>('p2'); // reference via a sibling\n</code></pre>\n\n\n<p>Also see <tt><a href=\"#!/api/Ext.Component-cfg-id\" rel=\"Ext.Component-cfg-id\" class=\"docClass\">id</a></tt> and <code><a href=\"#!/api/Ext.Component-cfg-ref\" rel=\"Ext.Component-cfg-ref\" class=\"docClass\">ref</a></code>.</p>\n\n\n<p><b>Note</b>: to access the container of an item see <tt><a href=\"#!/api/Ext.Component-property-ownerCt\" rel=\"Ext.Component-property-ownerCt\" class=\"docClass\">ownerCt</a></tt>.</p>\n\n</div></div></div><div id='cfg-keys' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Panel' rel='Ext.Panel' class='defined-in docClass'>Ext.Panel</a><br/><a href='source/Panel.html#Ext-Panel-cfg-keys' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Panel-cfg-keys' class='name expandable'>keys</a><span> : Object/<a href=\"#!/api/Array\" rel=\"Array\" class=\"docClass\">Array</a></span></div><div class='description'><div class='short'>A Ext.KeyMap config object (in the format expected by Ext.KeyMap.addBinding\nused to assign custom key handling to thi...</div><div class='long'><p>A <a href=\"#!/api/Ext.KeyMap\" rel=\"Ext.KeyMap\" class=\"docClass\">Ext.KeyMap</a> config object (in the format expected by <a href=\"#!/api/Ext.KeyMap-method-addBinding\" rel=\"Ext.KeyMap-method-addBinding\" class=\"docClass\">Ext.KeyMap.addBinding</a>\nused to assign custom key handling to this panel (defaults to <code>null</code>).</p>\n</div></div></div><div id='cfg-labelSeparator' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Component' rel='Ext.Component' class='defined-in docClass'>Ext.Component</a><br/><a href='source/Component.html#Ext-Component-cfg-labelSeparator' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Component-cfg-labelSeparator' class='name expandable'>labelSeparator</a><span> : <a href=\"#!/api/String\" rel=\"String\" class=\"docClass\">String</a></span></div><div class='description'><div class='short'>The separator to display after the text of each\nfieldLabel. ...</div><div class='long'><p>The separator to display after the text of each\n<tt><a href=\"#!/api/Ext.Component-cfg-fieldLabel\" rel=\"Ext.Component-cfg-fieldLabel\" class=\"docClass\">fieldLabel</a></tt>. This property may be configured at various levels.\nThe order of precedence is:\n<div class=\"mdetail-params\"><ul>\n<li>field / component level</li>\n<li>container level</li>\n<li><a href=\"#!/api/Ext.layout.FormLayout-cfg-labelSeparator\" rel=\"Ext.layout.FormLayout-cfg-labelSeparator\" class=\"docClass\">layout level</a> (defaults to colon <tt>':'</tt>)</li>\n</ul></div>\nTo display no separator for this field's label specify empty string ''.</p>\n\n\n<br><p><b>Note</b>: see the note for <tt><a href=\"#!/api/Ext.Component-cfg-clearCls\" rel=\"Ext.Component-cfg-clearCls\" class=\"docClass\">clearCls</a></tt>.</p><br>\n\n\n<p>Also see <tt><a href=\"#!/api/Ext.Component-cfg-hideLabel\" rel=\"Ext.Component-cfg-hideLabel\" class=\"docClass\">hideLabel</a></tt> and\n<a href=\"#!/api/Ext.layout.FormLayout\" rel=\"Ext.layout.FormLayout\" class=\"docClass\">Ext.layout.FormLayout</a>.<a href=\"#!/api/Ext.layout.FormLayout-property-fieldTpl\" rel=\"Ext.layout.FormLayout-property-fieldTpl\" class=\"docClass\">fieldTpl</a>.</p>\n\n\n<p>Example use:</p>\n\n<pre><code>new Ext.FormPanel({\n height: 100,\n renderTo: <a href=\"#!/api/Ext-method-getBody\" rel=\"Ext-method-getBody\" class=\"docClass\">Ext.getBody</a>(),\n layoutConfig: {\n labelSeparator: '~' // layout config has lowest priority (defaults to ':')\n },\n <a href=\"#!/api/Ext.layout.FormLayout-cfg-labelSeparator\" rel=\"Ext.layout.FormLayout-cfg-labelSeparator\" class=\"docClass\">labelSeparator</a>: '>>', // config at container level\n items: [{\n xtype: 'textfield',\n fieldLabel: 'Field 1',\n labelSeparator: '...' // field/component level config supersedes others\n },{\n xtype: 'textfield',\n fieldLabel: 'Field 2' // labelSeparator will be '='\n }]\n});\n</code></pre>\n\n</div></div></div><div id='cfg-labelStyle' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Component' rel='Ext.Component' class='defined-in docClass'>Ext.Component</a><br/><a href='source/Component.html#Ext-Component-cfg-labelStyle' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Component-cfg-labelStyle' class='name expandable'>labelStyle</a><span> : <a href=\"#!/api/String\" rel=\"String\" class=\"docClass\">String</a></span></div><div class='description'><div class='short'>A CSS style specification string to apply directly to this field's\nlabel. ...</div><div class='long'><p>A CSS style specification string to apply directly to this field's\nlabel. Defaults to the container's labelStyle value if set (e.g.,\n<tt><a href=\"#!/api/Ext.layout.FormLayout-property-labelStyle\" rel=\"Ext.layout.FormLayout-property-labelStyle\" class=\"docClass\">Ext.layout.FormLayout.labelStyle</a></tt> , or '').</p>\n\n\n<br><p><b>Note</b>: see the note for <code><a href=\"#!/api/Ext.Component-cfg-clearCls\" rel=\"Ext.Component-cfg-clearCls\" class=\"docClass\">clearCls</a></code>.</p><br>\n\n\n<p>Also see <code><a href=\"#!/api/Ext.Component-cfg-hideLabel\" rel=\"Ext.Component-cfg-hideLabel\" class=\"docClass\">hideLabel</a></code> and\n<code><a href=\"#!/api/Ext.layout.FormLayout\" rel=\"Ext.layout.FormLayout\" class=\"docClass\">Ext.layout.FormLayout</a>.<a href=\"#!/api/Ext.layout.FormLayout-property-fieldTpl\" rel=\"Ext.layout.FormLayout-property-fieldTpl\" class=\"docClass\">fieldTpl</a>.</code></p>\n\n\n<p>Example use:</p>\n\n<pre><code>new Ext.FormPanel({\n height: 100,\n renderTo: <a href=\"#!/api/Ext-method-getBody\" rel=\"Ext-method-getBody\" class=\"docClass\">Ext.getBody</a>(),\n items: [{\n xtype: 'textfield',\n fieldLabel: 'Name',\n labelStyle: 'font-weight:bold;'\n }]\n});\n</code></pre>\n\n</div></div></div><div id='cfg-listeners' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.util.Observable' rel='Ext.util.Observable' class='defined-in docClass'>Ext.util.Observable</a><br/><a href='source/Observable.html#Ext-util-Observable-cfg-listeners' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.util.Observable-cfg-listeners' class='name expandable'>listeners</a><span> : Object</span></div><div class='description'><div class='short'>(optional) A config object containing one or more event handlers to be added to this\nobject during initialization. ...</div><div class='long'><p>(optional) <p>A config object containing one or more event handlers to be added to this\nobject during initialization. This should be a valid listeners config object as specified in the\n<a href=\"#!/api/Ext.util.Observable-method-addListener\" rel=\"Ext.util.Observable-method-addListener\" class=\"docClass\">addListener</a> example for attaching multiple handlers at once.</p></p>\n\n<br><p><b><u>DOM events from ExtJs <a href=\"#!/api/Ext.Component\" rel=\"Ext.Component\" class=\"docClass\">Components</a></u></b></p>\n\n\n<br><p>While <i>some</i> ExtJs Component classes export selected DOM events (e.g. \"click\", \"mouseover\" etc), this\n\n\n<p>is usually only done when extra value can be added. For example the <a href=\"#!/api/Ext.DataView\" rel=\"Ext.DataView\" class=\"docClass\">DataView</a>'s\n<b><code><a href=\"#!/api/Ext.DataView-event-click\" rel=\"Ext.DataView-event-click\" class=\"docClass\">click</a></code></b> event passing the node clicked on. To access DOM\nevents directly from a Component's HTMLElement, listeners must be added to the <i><a href=\"#!/api/Ext.Component-method-getEl\" rel=\"Ext.Component-method-getEl\" class=\"docClass\">Element</a></i> after the Component\nhas been rendered. A plugin can simplify this step:</p>\n\n<pre><code>// Plugin is configured with a listeners config object.\n// The Component is appended to the argument list of all handler functions.\nExt.DomObserver = <a href=\"#!/api/Ext-method-extend\" rel=\"Ext-method-extend\" class=\"docClass\">Ext.extend</a>(Object, {\n constructor: function(config) {\n this.listeners = config.listeners ? config.listeners : config;\n },\n\n // Component passes itself into plugin&#39;s init method\n init: function(c) {\n var p, l = this.listeners;\n for (p in l) {\n if (<a href=\"#!/api/Ext-method-isFunction\" rel=\"Ext-method-isFunction\" class=\"docClass\">Ext.isFunction</a>(l[p])) {\n l[p] = this.createHandler(l[p], c);\n } else {\n l[p].fn = this.createHandler(l[p].fn, c);\n }\n }\n\n // Add the listeners to the Element immediately following the render call\n c.render = c.render.<a href=\"#!/api/Function-method-createSequence\" rel=\"Function-method-createSequence\" class=\"docClass\">createSequence</a>(function() {\n var e = c.getEl();\n if (e) {\n e.on(l);\n }\n });\n },\n\n createHandler: function(fn, c) {\n return function(e) {\n fn.call(this, e, c);\n };\n }\n});\n\nvar combo = new <a href=\"#!/api/Ext.form.ComboBox\" rel=\"Ext.form.ComboBox\" class=\"docClass\">Ext.form.ComboBox</a>({\n\n // Collapse combo when its element is clicked on\n plugins: [ new Ext.DomObserver({\n click: function(evt, comp) {\n comp.collapse();\n }\n })],\n store: myStore,\n typeAhead: true,\n mode: 'local',\n triggerAction: 'all'\n});\n</code></pre>\n\n\n<p></p></p>\n</div></div></div><div id='cfg-loadMask' class='member not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Ext.grid.GridPanel'>Ext.grid.GridPanel</span><br/><a href='source/GridPanel.html#Ext-grid-GridPanel-cfg-loadMask' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.grid.GridPanel-cfg-loadMask' class='name expandable'>loadMask</a><span> : Object</span></div><div class='description'><div class='short'>An Ext.LoadMask config or true to mask the grid while\nloading. ...</div><div class='long'><p>An <a href=\"#!/api/Ext.LoadMask\" rel=\"Ext.LoadMask\" class=\"docClass\">Ext.LoadMask</a> config or true to mask the grid while\nloading. Defaults to <code>false</code>.</p>\n<p>Defaults to: <code>false</code></p></div></div></div><div id='cfg-margins' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.BoxComponent' rel='Ext.BoxComponent' class='defined-in docClass'>Ext.BoxComponent</a><br/><a href='source/BoxComponent.html#Ext-BoxComponent-cfg-margins' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.BoxComponent-cfg-margins' class='name expandable'>margins</a><span> : Object</span></div><div class='description'><div class='short'>Note: this config is only used when this BoxComponent is rendered\nby a Container which has been configured to use the...</div><div class='long'><p><b>Note</b>: this config is only used when this BoxComponent is rendered\nby a Container which has been configured to use the <b><a href=\"#!/api/Ext.layout.BorderLayout\" rel=\"Ext.layout.BorderLayout\" class=\"docClass\">BorderLayout</a></b>\nor one of the two <b><a href=\"#!/api/Ext.layout.BoxLayout\" rel=\"Ext.layout.BoxLayout\" class=\"docClass\">BoxLayout</a> subclasses.</b></p>\n\n\n<p>An object containing margins to apply to this BoxComponent in the\nformat:</p>\n\n\n<pre><code>{\n top: (top margin),\n right: (right margin),\n bottom: (bottom margin),\n left: (left margin)\n}</code></pre>\n\n\n<p>May also be a string containing space-separated, numeric margin values. The order of the\nsides associated with each value matches the way CSS processes margin values:</p>\n\n\n<p><div class=\"mdetail-params\"><ul>\n<li>If there is only one value, it applies to all sides.</li>\n<li>If there are two values, the top and bottom borders are set to the first value and the\nright and left are set to the second.</li>\n<li>If there are three values, the top is set to the first value, the left and right are set\nto the second, and the bottom is set to the third.</li>\n<li>If there are four values, they apply to the top, right, bottom, and left, respectively.</li>\n</ul></div></p>\n\n\n<p>Defaults to:</p>\n\n\n<pre><code>{top:0, right:0, bottom:0, left:0}\n</code></pre>\n\n</div></div></div><div id='cfg-maskDisabled' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Panel' rel='Ext.Panel' class='defined-in docClass'>Ext.Panel</a><br/><a href='source/Panel.html#Ext-Panel-cfg-maskDisabled' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Panel-cfg-maskDisabled' class='name expandable'>maskDisabled</a><span> : Boolean</span></div><div class='description'><div class='short'>true to mask the panel when it is disabled, false to not mask it (defaults\nto true). ...</div><div class='long'><p><code>true</code> to mask the panel when it is <a href=\"#!/api/Ext.Panel-cfg-disabled\" rel=\"Ext.Panel-cfg-disabled\" class=\"docClass\">disabled</a>, <code>false</code> to not mask it (defaults\nto <code>true</code>). Either way, the panel will always tell its contained elements to disable themselves\nwhen it is disabled, but masking the panel can provide an additional visual cue that the panel is\ndisabled.</p>\n<p>Defaults to: <code>true</code></p></div></div></div><div id='cfg-maxHeight' class='member not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Ext.grid.GridPanel'>Ext.grid.GridPanel</span><br/><a href='source/GridPanel.html#Ext-grid-GridPanel-cfg-maxHeight' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.grid.GridPanel-cfg-maxHeight' class='name not-expandable'>maxHeight</a><span> : <a href=\"#!/api/Number\" rel=\"Number\" class=\"docClass\">Number</a></span></div><div class='description'><div class='short'><p>Sets the maximum height of the grid - ignored if <tt>autoHeight</tt> is not on.</p>\n</div><div class='long'><p>Sets the maximum height of the grid - ignored if <tt>autoHeight</tt> is not on.</p>\n</div></div></div><div id='cfg-minButtonWidth' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Panel' rel='Ext.Panel' class='defined-in docClass'>Ext.Panel</a><br/><a href='source/Panel.html#Ext-Panel-cfg-minButtonWidth' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Panel-cfg-minButtonWidth' class='name expandable'>minButtonWidth</a><span> : <a href=\"#!/api/Number\" rel=\"Number\" class=\"docClass\">Number</a></span></div><div class='description'><div class='short'>Minimum width in pixels of all buttons in this panel (defaults to 75) ...</div><div class='long'><p>Minimum width in pixels of all <a href=\"#!/api/Ext.Panel-property-buttons\" rel=\"Ext.Panel-property-buttons\" class=\"docClass\">buttons</a> in this panel (defaults to <code>75</code>)</p>\n<p>Defaults to: <code>75</code></p></div></div></div><div id='cfg-minColumnWidth' class='member not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Ext.grid.GridPanel'>Ext.grid.GridPanel</span><br/><a href='source/GridPanel.html#Ext-grid-GridPanel-cfg-minColumnWidth' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.grid.GridPanel-cfg-minColumnWidth' class='name expandable'>minColumnWidth</a><span> : <a href=\"#!/api/Number\" rel=\"Number\" class=\"docClass\">Number</a></span></div><div class='description'><div class='short'>The minimum width a column can be resized to. ...</div><div class='long'><p>The minimum width a column can be resized to. Defaults to <tt>25</tt>.</p>\n<p>Defaults to: <code>25</code></p></div></div></div><div id='cfg-overCls' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Component' rel='Ext.Component' class='defined-in docClass'>Ext.Component</a><br/><a href='source/Component.html#Ext-Component-cfg-overCls' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Component-cfg-overCls' class='name expandable'>overCls</a><span> : <a href=\"#!/api/String\" rel=\"String\" class=\"docClass\">String</a></span></div><div class='description'><div class='short'>An optional extra CSS class that will be added to this component's Element when the mouse moves\nover the Element, and...</div><div class='long'><p>An optional extra CSS class that will be added to this component's Element when the mouse moves\nover the Element, and removed when the mouse moves out. (defaults to ''). This can be\nuseful for adding customized 'active' or 'hover' styles to the component or any of its children using standard CSS rules.</p>\n</div></div></div><div id='cfg-padding' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Panel' rel='Ext.Panel' class='defined-in docClass'>Ext.Panel</a><br/><a href='source/Panel.html#Ext-Panel-cfg-padding' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Panel-cfg-padding' class='name expandable'>padding</a><span> : <a href=\"#!/api/Number\" rel=\"Number\" class=\"docClass\">Number</a>/<a href=\"#!/api/String\" rel=\"String\" class=\"docClass\">String</a></span></div><div class='description'><div class='short'>A shortcut for setting a padding style on the body element. ...</div><div class='long'><p>A shortcut for setting a padding style on the body element. The value can either be\na number to be applied to all sides, or a normal css string describing padding.\nDefaults to <tt>undefined</tt>.</p>\n</div></div></div><div id='cfg-pageX' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.BoxComponent' rel='Ext.BoxComponent' class='defined-in docClass'>Ext.BoxComponent</a><br/><a href='source/BoxComponent.html#Ext-BoxComponent-cfg-pageX' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.BoxComponent-cfg-pageX' class='name not-expandable'>pageX</a><span> : <a href=\"#!/api/Number\" rel=\"Number\" class=\"docClass\">Number</a></span></div><div class='description'><div class='short'><p>The page level x coordinate for this component if contained within a positioning container.</p>\n</div><div class='long'><p>The page level x coordinate for this component if contained within a positioning container.</p>\n</div></div></div><div id='cfg-pageY' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.BoxComponent' rel='Ext.BoxComponent' class='defined-in docClass'>Ext.BoxComponent</a><br/><a href='source/BoxComponent.html#Ext-BoxComponent-cfg-pageY' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.BoxComponent-cfg-pageY' class='name not-expandable'>pageY</a><span> : <a href=\"#!/api/Number\" rel=\"Number\" class=\"docClass\">Number</a></span></div><div class='description'><div class='short'><p>The page level y coordinate for this component if contained within a positioning container.</p>\n</div><div class='long'><p>The page level y coordinate for this component if contained within a positioning container.</p>\n</div></div></div><div id='cfg-plugins' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Component' rel='Ext.Component' class='defined-in docClass'>Ext.Component</a><br/><a href='source/Component.html#Ext-Component-cfg-plugins' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Component-cfg-plugins' class='name expandable'>plugins</a><span> : Object/<a href=\"#!/api/Array\" rel=\"Array\" class=\"docClass\">Array</a></span></div><div class='description'><div class='short'>An object or array of objects that will provide custom functionality for this component. ...</div><div class='long'><p>An object or array of objects that will provide custom functionality for this component. The only\nrequirement for a valid plugin is that it contain an init method that accepts a reference of type <a href=\"#!/api/Ext.Component\" rel=\"Ext.Component\" class=\"docClass\">Ext.Component</a>.\nWhen a component is created, if any plugins are available, the component will call the init method on each\nplugin, passing a reference to itself. Each plugin can then call methods or respond to events on the\ncomponent as needed to provide its functionality.</p>\n</div></div></div><div id='cfg-ptype' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Component' rel='Ext.Component' class='defined-in docClass'>Ext.Component</a><br/><a href='source/Component.html#Ext-Component-cfg-ptype' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Component-cfg-ptype' class='name expandable'>ptype</a><span> : <a href=\"#!/api/String\" rel=\"String\" class=\"docClass\">String</a></span></div><div class='description'><div class='short'>The registered ptype to create. ...</div><div class='long'><p>The registered <tt>ptype</tt> to create. This config option is not used when passing\na config object into a constructor. This config option is used only when\nlazy instantiation is being used, and a Plugin is being\nspecified not as a fully instantiated Component, but as a <i>Component config\nobject</i>. The <tt>ptype</tt> will be looked up at render time up to determine what\ntype of Plugin to create.<br><br>\nIf you create your own Plugins, you may register them using\n<a href=\"#!/api/Ext.ComponentMgr-method-registerPlugin\" rel=\"Ext.ComponentMgr-method-registerPlugin\" class=\"docClass\">Ext.ComponentMgr.registerPlugin</a> in order to be able to\ntake advantage of lazy instantiation and rendering.</p>\n</div></div></div><div id='cfg-ref' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Component' rel='Ext.Component' class='defined-in docClass'>Ext.Component</a><br/><a href='source/Component.html#Ext-Component-cfg-ref' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Component-cfg-ref' class='name expandable'>ref</a><span> : <a href=\"#!/api/String\" rel=\"String\" class=\"docClass\">String</a></span></div><div class='description'><div class='short'>A path specification, relative to the Component's ownerCt\nspecifying into which ancestor Container to place a named r...</div><div class='long'><p>A path specification, relative to the Component's <code><a href=\"#!/api/Ext.Component-property-ownerCt\" rel=\"Ext.Component-property-ownerCt\" class=\"docClass\">ownerCt</a></code>\nspecifying into which ancestor Container to place a named reference to this Component.</p>\n\n\n<p>The ancestor axis can be traversed by using '/' characters in the path.\nFor example, to put a reference to a Toolbar Button into <i>the Panel which owns the Toolbar</i>:</p>\n\n\n<pre><code>var myGrid = new <a href=\"#!/api/Ext.grid.EditorGridPanel\" rel=\"Ext.grid.EditorGridPanel\" class=\"docClass\">Ext.grid.EditorGridPanel</a>({\n title: 'My EditorGridPanel',\n store: myStore,\n colModel: myColModel,\n tbar: [{\n text: 'Save',\n handler: saveChanges,\n disabled: true,\n ref: '../saveButton'\n }],\n listeners: {\n afteredit: function() {\n// The button reference is in the GridPanel\n myGrid.saveButton.enable();\n }\n }\n});\n</code></pre>\n\n\n<p>In the code above, if the <code>ref</code> had been <code>'saveButton'</code>\nthe reference would have been placed into the Toolbar. Each '/' in the <code>ref</code>\nmoves up one level from the Component's <code><a href=\"#!/api/Ext.Component-property-ownerCt\" rel=\"Ext.Component-property-ownerCt\" class=\"docClass\">ownerCt</a></code>.</p>\n\n\n<p>Also see the <code><a href=\"#!/api/Ext.Component-event-added\" rel=\"Ext.Component-event-added\" class=\"docClass\">added</a></code> and <code><a href=\"#!/api/Ext.Component-event-removed\" rel=\"Ext.Component-event-removed\" class=\"docClass\">removed</a></code> events.</p>\n\n</div></div></div><div id='cfg-region' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.BoxComponent' rel='Ext.BoxComponent' class='defined-in docClass'>Ext.BoxComponent</a><br/><a href='source/BoxComponent.html#Ext-BoxComponent-cfg-region' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.BoxComponent-cfg-region' class='name expandable'>region</a><span> : <a href=\"#!/api/String\" rel=\"String\" class=\"docClass\">String</a></span></div><div class='description'><div class='short'>Note: this config is only used when this BoxComponent is rendered\nby a Container which has been configured to use the...</div><div class='long'><p><b>Note</b>: this config is only used when this BoxComponent is rendered\nby a Container which has been configured to use the <b><a href=\"#!/api/Ext.layout.BorderLayout\" rel=\"Ext.layout.BorderLayout\" class=\"docClass\">BorderLayout</a></b>\nlayout manager (e.g. specifying <tt>layout:'border'</tt>).</p>\n\n\n<br>\n\n\n<p>See <a href=\"#!/api/Ext.layout.BorderLayout\" rel=\"Ext.layout.BorderLayout\" class=\"docClass\">Ext.layout.BorderLayout</a> also.</p>\n\n</div></div></div><div id='cfg-renderTo' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Component' rel='Ext.Component' class='defined-in docClass'>Ext.Component</a><br/><a href='source/Component.html#Ext-Component-cfg-renderTo' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Component-cfg-renderTo' class='name expandable'>renderTo</a><span> : Mixed</span></div><div class='description'><div class='short'>Specify the id of the element, a DOM element or an existing Element that this component\nwill be rendered into. ...</div><div class='long'><p>Specify the id of the element, a DOM element or an existing Element that this component\nwill be rendered into.</p>\n\n\n<div><ul>\n<li><b>Notes</b> : <ul>\n<div class=\"sub-desc\">Do <u>not</u> use this option if the Component is to be a child item of\na <a href=\"#!/api/Ext.Container\" rel=\"Ext.Container\" class=\"docClass\">Container</a>. It is the responsibility of the\n<a href=\"#!/api/Ext.Container\" rel=\"Ext.Container\" class=\"docClass\">Container</a>'s <a href=\"#!/api/Ext.Container-cfg-layout\" rel=\"Ext.Container-cfg-layout\" class=\"docClass\">layout manager</a>\nto render and manage its child items.</div>\n<div class=\"sub-desc\">When using this config, a call to render() is not required.</div>\n</ul></li>\n</ul></div>\n\n\n<p>See <tt><a href=\"#!/api/Ext.Component-method-render\" rel=\"Ext.Component-method-render\" class=\"docClass\">render</a></tt> also.</p>\n\n</div></div></div><div id='cfg-resizeEvent' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Panel' rel='Ext.Panel' class='defined-in docClass'>Ext.Panel</a><br/><a href='source/Panel.html#Ext-Panel-cfg-resizeEvent' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Panel-cfg-resizeEvent' class='name expandable'>resizeEvent</a><span> : <a href=\"#!/api/String\" rel=\"String\" class=\"docClass\">String</a></span></div><div class='description'><div class='short'>The event to listen to for resizing in layouts. ...</div><div class='long'><p>The event to listen to for resizing in layouts. Defaults to <tt>'bodyresize'</tt>.</p>\n<p>Defaults to: <code>'bodyresize'</code></p><p>Overrides: <a href='#!/api/Ext.Container-cfg-resizeEvent' rel='Ext.Container-cfg-resizeEvent' class='docClass'>Ext.Container.resizeEvent</a></p></div></div></div><div id='cfg-selModel' class='member not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Ext.grid.GridPanel'>Ext.grid.GridPanel</span><br/><a href='source/GridPanel.html#Ext-grid-GridPanel-cfg-selModel' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.grid.GridPanel-cfg-selModel' class='name expandable'>selModel</a><span> : Object</span></div><div class='description'><div class='short'>Any subclass of Ext.grid.AbstractSelectionModel that will provide\nthe selection model for the grid (defaults to Ext.g...</div><div class='long'><p>Any subclass of <a href=\"#!/api/Ext.grid.AbstractSelectionModel\" rel=\"Ext.grid.AbstractSelectionModel\" class=\"docClass\">Ext.grid.AbstractSelectionModel</a> that will provide\nthe selection model for the grid (defaults to <a href=\"#!/api/Ext.grid.RowSelectionModel\" rel=\"Ext.grid.RowSelectionModel\" class=\"docClass\">Ext.grid.RowSelectionModel</a> if not specified).</p>\n</div></div></div><div id='cfg-shadow' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Panel' rel='Ext.Panel' class='defined-in docClass'>Ext.Panel</a><br/><a href='source/Panel.html#Ext-Panel-cfg-shadow' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Panel-cfg-shadow' class='name expandable'>shadow</a><span> : Boolean/<a href=\"#!/api/String\" rel=\"String\" class=\"docClass\">String</a></span></div><div class='description'><div class='short'>true (or a valid Ext.Shadow Ext.Shadow.mode value) to display a shadow behind the\npanel, false to display no shadow (...</div><div class='long'><p><code>true</code> (or a valid <a href=\"#!/api/Ext.Shadow\" rel=\"Ext.Shadow\" class=\"docClass\">Ext.Shadow</a> <a href=\"#!/api/Ext.Shadow-cfg-mode\" rel=\"Ext.Shadow-cfg-mode\" class=\"docClass\">Ext.Shadow.mode</a> value) to display a shadow behind the\npanel, <code>false</code> to display no shadow (defaults to <code>'sides'</code>). Note that this option\nonly applies when <code><a href=\"#!/api/Ext.Panel-cfg-floating\" rel=\"Ext.Panel-cfg-floating\" class=\"docClass\">floating</a> = true</code>.</p>\n</div></div></div><div id='cfg-shadowOffset' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Panel' rel='Ext.Panel' class='defined-in docClass'>Ext.Panel</a><br/><a href='source/Panel.html#Ext-Panel-cfg-shadowOffset' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Panel-cfg-shadowOffset' class='name expandable'>shadowOffset</a><span> : <a href=\"#!/api/Number\" rel=\"Number\" class=\"docClass\">Number</a></span></div><div class='description'><div class='short'>The number of pixels to offset the shadow if displayed (defaults to 4). ...</div><div class='long'><p>The number of pixels to offset the shadow if displayed (defaults to <code>4</code>). Note that this\noption only applies when <code><a href=\"#!/api/Ext.Panel-cfg-floating\" rel=\"Ext.Panel-cfg-floating\" class=\"docClass\">floating</a> = true</code>.</p>\n</div></div></div><div id='cfg-shim' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Panel' rel='Ext.Panel' class='defined-in docClass'>Ext.Panel</a><br/><a href='source/Panel.html#Ext-Panel-cfg-shim' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Panel-cfg-shim' class='name expandable'>shim</a><span> : Boolean</span></div><div class='description'><div class='short'>false to disable the iframe shim in browsers which need one (defaults to true). ...</div><div class='long'><p><code>false</code> to disable the iframe shim in browsers which need one (defaults to <code>true</code>).\nNote that this option only applies when <code><a href=\"#!/api/Ext.Panel-cfg-floating\" rel=\"Ext.Panel-cfg-floating\" class=\"docClass\">floating</a> = true</code>.</p>\n</div></div></div><div id='cfg-sm' class='member not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Ext.grid.GridPanel'>Ext.grid.GridPanel</span><br/><a href='source/GridPanel.html#Ext-grid-GridPanel-cfg-sm' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.grid.GridPanel-cfg-sm' class='name not-expandable'>sm</a><span> : Object</span></div><div class='description'><div class='short'><p>Shorthand for <tt><a href=\"#!/api/Ext.grid.GridPanel-cfg-selModel\" rel=\"Ext.grid.GridPanel-cfg-selModel\" class=\"docClass\">selModel</a></tt>.</p>\n</div><div class='long'><p>Shorthand for <tt><a href=\"#!/api/Ext.grid.GridPanel-cfg-selModel\" rel=\"Ext.grid.GridPanel-cfg-selModel\" class=\"docClass\">selModel</a></tt>.</p>\n</div></div></div><div id='cfg-stateEvents' class='member not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Ext.grid.GridPanel'>Ext.grid.GridPanel</span><br/><a href='source/GridPanel.html#Ext-grid-GridPanel-cfg-stateEvents' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.grid.GridPanel-cfg-stateEvents' class='name expandable'>stateEvents</a><span> : <a href=\"#!/api/Array\" rel=\"Array\" class=\"docClass\">Array</a></span></div><div class='description'><div class='short'>An array of events that, when fired, should trigger this component to save its state. ...</div><div class='long'><p>An array of events that, when fired, should trigger this component to save its state.\nDefaults to:</p>\n\n<pre><code>stateEvents: ['columnmove', 'columnresize', 'sortchange', 'groupchange']\n</code></pre>\n\n\n<p>These can be any types of events supported by this component, including browser or\ncustom events (e.g., <tt>['click', 'customerchange']</tt>).</p>\n\n\n<p>See <a href=\"#!/api/Ext.Component-cfg-stateful\" rel=\"Ext.Component-cfg-stateful\" class=\"docClass\">Ext.Component.stateful</a> for an explanation of saving and restoring\nComponent state.</p>\n\n<p>Defaults to: <code>['columnmove', 'columnresize', 'sortchange', 'groupchange']</code></p><p>Overrides: <a href='#!/api/Ext.Component-cfg-stateEvents' rel='Ext.Component-cfg-stateEvents' class='docClass'>Ext.Component.stateEvents</a></p></div></div></div><div id='cfg-stateId' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Component' rel='Ext.Component' class='defined-in docClass'>Ext.Component</a><br/><a href='source/Component.html#Ext-Component-cfg-stateId' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Component-cfg-stateId' class='name expandable'>stateId</a><span> : <a href=\"#!/api/String\" rel=\"String\" class=\"docClass\">String</a></span></div><div class='description'><div class='short'>The unique id for this component to use for state management purposes\n(defaults to the component id if one was set, o...</div><div class='long'><p>The unique id for this component to use for state management purposes\n(defaults to the component id if one was set, otherwise null if the\ncomponent is using a generated id).</p>\n\n<p>See <code><a href=\"#!/api/Ext.Component-cfg-stateful\" rel=\"Ext.Component-cfg-stateful\" class=\"docClass\">stateful</a></code> for an explanation of saving and\nrestoring Component state.</p>\n\n</div></div></div><div id='cfg-stateful' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Component' rel='Ext.Component' class='defined-in docClass'>Ext.Component</a><br/><a href='source/Component.html#Ext-Component-cfg-stateful' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Component-cfg-stateful' class='name expandable'>stateful</a><span> : Boolean</span></div><div class='description'><div class='short'>A flag which causes the Component to attempt to restore the state of\ninternal properties from a saved state on startup. ...</div><div class='long'><p>A flag which causes the Component to attempt to restore the state of\ninternal properties from a saved state on startup. The component must have\neither a <code><a href=\"#!/api/Ext.Component-cfg-stateId\" rel=\"Ext.Component-cfg-stateId\" class=\"docClass\">stateId</a></code> or <code><a href=\"#!/api/Ext.Component-cfg-id\" rel=\"Ext.Component-cfg-id\" class=\"docClass\">id</a></code> assigned\nfor state to be managed. Auto-generated ids are not guaranteed to be stable\nacross page loads and cannot be relied upon to save and restore the same\nstate for a component.<p>\n<p>For state saving to work, the state manager's provider must have been\nset to an implementation of <a href=\"#!/api/Ext.state.Provider\" rel=\"Ext.state.Provider\" class=\"docClass\">Ext.state.Provider</a> which overrides the\n<a href=\"#!/api/Ext.state.Provider-method-set\" rel=\"Ext.state.Provider-method-set\" class=\"docClass\">set</a> and <a href=\"#!/api/Ext.state.Provider-method-get\" rel=\"Ext.state.Provider-method-get\" class=\"docClass\">get</a>\nmethods to save and recall name/value pairs. A built-in implementation,\n<a href=\"#!/api/Ext.state.CookieProvider\" rel=\"Ext.state.CookieProvider\" class=\"docClass\">Ext.state.CookieProvider</a> is available.</p>\n<p>To set the state provider for the current page:</p>\n<pre><code><a href=\"#!/api/Ext.state.Manager-method-setProvider\" rel=\"Ext.state.Manager-method-setProvider\" class=\"docClass\">Ext.state.Manager.setProvider</a>(new <a href=\"#!/api/Ext.state.CookieProvider\" rel=\"Ext.state.CookieProvider\" class=\"docClass\">Ext.state.CookieProvider</a>({\n expires: new Date(new Date().getTime()+(1000*60*60*24*7)), //7 days from now\n}));\n</code></pre>\n<p>A stateful Component attempts to save state when one of the events\nlisted in the <code><a href=\"#!/api/Ext.Component-cfg-stateEvents\" rel=\"Ext.Component-cfg-stateEvents\" class=\"docClass\">stateEvents</a></code> configuration fires.</p>\n<p>To save state, a stateful Component first serializes its state by\ncalling <b><code>getState</code></b>. By default, this function does\nnothing. The developer must provide an implementation which returns an\nobject hash which represents the Component's restorable state.</p>\n<p>The value yielded by getState is passed to <a href=\"#!/api/Ext.state.Manager-method-set\" rel=\"Ext.state.Manager-method-set\" class=\"docClass\">Ext.state.Manager.set</a>\nwhich uses the configured <a href=\"#!/api/Ext.state.Provider\" rel=\"Ext.state.Provider\" class=\"docClass\">Ext.state.Provider</a> to save the object\nkeyed by the Component's <code>stateId</code>, or, if that is not\nspecified, its <code><a href=\"#!/api/Ext.Component-cfg-id\" rel=\"Ext.Component-cfg-id\" class=\"docClass\">id</a></code>.</p>\n<p>During construction, a stateful Component attempts to <i>restore</i>\nits state by calling <a href=\"#!/api/Ext.state.Manager-method-get\" rel=\"Ext.state.Manager-method-get\" class=\"docClass\">Ext.state.Manager.get</a> passing the\n<code><a href=\"#!/api/Ext.Component-cfg-stateId\" rel=\"Ext.Component-cfg-stateId\" class=\"docClass\">stateId</a></code>, or, if that is not specified, the\n<code><a href=\"#!/api/Ext.Component-cfg-id\" rel=\"Ext.Component-cfg-id\" class=\"docClass\">id</a></code>.</p>\n<p>The resulting object is passed to <b><code>applyState</code></b>.\nThe default implementation of <code>applyState</code> simply copies\nproperties into the object, but a developer may override this to support\nmore behaviour.</p>\n<p>You can perform extra processing on state save and restore by attaching\nhandlers to the <a href=\"#!/api/Ext.Component-event-beforestaterestore\" rel=\"Ext.Component-event-beforestaterestore\" class=\"docClass\">beforestaterestore</a>, <a href=\"#!/api/Ext.Component-event-staterestore\" rel=\"Ext.Component-event-staterestore\" class=\"docClass\">staterestore</a>,\n<a href=\"#!/api/Ext.Component-event-beforestatesave\" rel=\"Ext.Component-event-beforestatesave\" class=\"docClass\">beforestatesave</a> and <a href=\"#!/api/Ext.Component-event-statesave\" rel=\"Ext.Component-event-statesave\" class=\"docClass\">statesave</a> events.</p>\n\n</p></p></div></div></div><div id='cfg-store' class='member not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Ext.grid.GridPanel'>Ext.grid.GridPanel</span><br/><a href='source/GridPanel.html#Ext-grid-GridPanel-cfg-store' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.grid.GridPanel-cfg-store' class='name not-expandable'>store</a><span> : <a href=\"#!/api/Ext.data.Store\" rel=\"Ext.data.Store\" class=\"docClass\">Ext.data.Store</a></span></div><div class='description'><div class='short'><p>The <a href=\"#!/api/Ext.data.Store\" rel=\"Ext.data.Store\" class=\"docClass\">Ext.data.Store</a> the grid should use as its data source (required).</p>\n</div><div class='long'><p>The <a href=\"#!/api/Ext.data.Store\" rel=\"Ext.data.Store\" class=\"docClass\">Ext.data.Store</a> the grid should use as its data source (required).</p>\n</div></div></div><div id='cfg-stripeRows' class='member not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Ext.grid.GridPanel'>Ext.grid.GridPanel</span><br/><a href='source/GridPanel.html#Ext-grid-GridPanel-cfg-stripeRows' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.grid.GridPanel-cfg-stripeRows' class='name expandable'>stripeRows</a><span> : Boolean</span></div><div class='description'><div class='short'>true to stripe the rows. ...</div><div class='long'><p><tt>true</tt> to stripe the rows. Default is <tt>false</tt>.</p>\n\n<p>This causes the CSS class <tt><b>x-grid3-row-alt</b></tt> to be added to alternate rows of\nthe grid. A default CSS rule is provided which sets a background colour, but you can override this\nwith a rule which either overrides the <b>background-color</b> style using the '!important'\nmodifier, or which uses a CSS selector of higher specificity.</p>\n\n<p>Defaults to: <code>false</code></p></div></div></div><div id='cfg-style' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Component' rel='Ext.Component' class='defined-in docClass'>Ext.Component</a><br/><a href='source/Component.html#Ext-Component-cfg-style' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Component-cfg-style' class='name expandable'>style</a><span> : <a href=\"#!/api/String\" rel=\"String\" class=\"docClass\">String</a></span></div><div class='description'><div class='short'>A custom style specification to be applied to this component's Element. ...</div><div class='long'><p>A custom style specification to be applied to this component's Element. Should be a valid argument to\n<a href=\"#!/api/Ext.Element-method-applyStyles\" rel=\"Ext.Element-method-applyStyles\" class=\"docClass\">Ext.Element.applyStyles</a>.</p>\n\n<pre><code>new <a href=\"#!/api/Ext.Panel\" rel=\"Ext.Panel\" class=\"docClass\">Ext.Panel</a>({\n title: 'Some Title',\n renderTo: <a href=\"#!/api/Ext-method-getBody\" rel=\"Ext-method-getBody\" class=\"docClass\">Ext.getBody</a>(),\n width: 400, height: 300,\n layout: 'form',\n items: [{\n xtype: 'textarea',\n style: {\n width: '95%',\n marginBottom: '10px'\n }\n },\n new <a href=\"#!/api/Ext.Button\" rel=\"Ext.Button\" class=\"docClass\">Ext.Button</a>({\n text: 'Send',\n minWidth: '100',\n style: {\n marginBottom: '10px'\n }\n })\n ]\n});\n</code></pre>\n\n</div></div></div><div id='cfg-tabTip' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.BoxComponent' rel='Ext.BoxComponent' class='defined-in docClass'>Ext.BoxComponent</a><br/><a href='source/BoxComponent.html#Ext-BoxComponent-cfg-tabTip' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.BoxComponent-cfg-tabTip' class='name expandable'>tabTip</a><span> : <a href=\"#!/api/String\" rel=\"String\" class=\"docClass\">String</a></span></div><div class='description'><div class='short'>Note: this config is only used when this BoxComponent is a child item of a TabPanel. ...</div><div class='long'><p><b>Note</b>: this config is only used when this BoxComponent is a child item of a TabPanel.</p>\n\n\n<p>A string to be used as innerHTML (html tags are accepted) to show in a tooltip when mousing over\nthe associated tab selector element. <a href=\"#!/api/Ext.QuickTips\" rel=\"Ext.QuickTips\" class=\"docClass\">Ext.QuickTips</a>.init()\nmust be called in order for the tips to render.</p>\n</div></div></div><div id='cfg-tbar' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Panel' rel='Ext.Panel' class='defined-in docClass'>Ext.Panel</a><br/><a href='source/Panel.html#Ext-Panel-cfg-tbar' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Panel-cfg-tbar' class='name expandable'>tbar</a><span> : Object/<a href=\"#!/api/Array\" rel=\"Array\" class=\"docClass\">Array</a></span></div><div class='description'><div class='short'>The top toolbar of the panel. ...</div><div class='long'><p>The top toolbar of the panel. This can be a <a href=\"#!/api/Ext.Toolbar\" rel=\"Ext.Toolbar\" class=\"docClass\">Ext.Toolbar</a> object, a toolbar config, or an array of\nbuttons/button configs to be added to the toolbar. Note that this is not available as a property after render.\nTo access the top toolbar after render, use <a href=\"#!/api/Ext.Panel-method-getTopToolbar\" rel=\"Ext.Panel-method-getTopToolbar\" class=\"docClass\">getTopToolbar</a>.</p>\n\n\n<p><b>Note:</b> Although a Toolbar may contain Field components, these will <b>not</b> be updated by a load\nof an ancestor FormPanel. A Panel's toolbars are not part of the standard Container->Component hierarchy, and\nso are not scanned to collect form items. However, the values <b>will</b> be submitted because form\nsubmission parameters are collected from the DOM tree.</p>\n\n</div></div></div><div id='cfg-tbarCfg' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Panel' rel='Ext.Panel' class='defined-in docClass'>Ext.Panel</a><br/><a href='source/Panel.html#Ext-Panel-cfg-tbarCfg' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Panel-cfg-tbarCfg' class='name expandable'>tbarCfg</a><span> : Object</span></div><div class='description'><div class='short'>A DomHelper element specification object specifying the element structure\nof this Panel's tbar Element. ...</div><div class='long'><p>A <a href=\"#!/api/Ext.DomHelper\" rel=\"Ext.DomHelper\" class=\"docClass\">DomHelper</a> element specification object specifying the element structure\nof this Panel's <a href=\"#!/api/Ext.Panel-cfg-tbar\" rel=\"Ext.Panel-cfg-tbar\" class=\"docClass\">tbar</a> Element. See <code><a href=\"#!/api/Ext.Panel-cfg-bodyCfg\" rel=\"Ext.Panel-cfg-bodyCfg\" class=\"docClass\">bodyCfg</a></code> also.</p>\n\n</div></div></div><div id='cfg-title' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Panel' rel='Ext.Panel' class='defined-in docClass'>Ext.Panel</a><br/><a href='source/Panel.html#Ext-Panel-cfg-title' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Panel-cfg-title' class='name expandable'>title</a><span> : <a href=\"#!/api/String\" rel=\"String\" class=\"docClass\">String</a></span></div><div class='description'><div class='short'>The title text to be used as innerHTML (html tags are accepted) to display in the panel\nheader (defaults to ''). ...</div><div class='long'><p>The title text to be used as innerHTML (html tags are accepted) to display in the panel\n<code><a href=\"#!/api/Ext.Panel-property-header\" rel=\"Ext.Panel-property-header\" class=\"docClass\">header</a></code> (defaults to ''). When a <code>title</code> is specified the\n<code><a href=\"#!/api/Ext.Panel-property-header\" rel=\"Ext.Panel-property-header\" class=\"docClass\">header</a></code> element will automatically be created and displayed unless\n<a href=\"#!/api/Ext.Panel-property-header\" rel=\"Ext.Panel-property-header\" class=\"docClass\">header</a> is explicitly set to <code>false</code>. If you do not want to specify a\n<code>title</code> at config time, but you may want one later, you must either specify a non-empty\n<code>title</code> (a blank space ' ' will do) or <code>header:true</code> so that the container\nelement will get created.</p>\n</div></div></div><div id='cfg-titleCollapse' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Panel' rel='Ext.Panel' class='defined-in docClass'>Ext.Panel</a><br/><a href='source/Panel.html#Ext-Panel-cfg-titleCollapse' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Panel-cfg-titleCollapse' class='name expandable'>titleCollapse</a><span> : Boolean</span></div><div class='description'><div class='short'>true to allow expanding and collapsing the panel (when collapsible = true)\nby clicking anywhere in the header bar, fa...</div><div class='long'><p><code>true</code> to allow expanding and collapsing the panel (when <code><a href=\"#!/api/Ext.Panel-cfg-collapsible\" rel=\"Ext.Panel-cfg-collapsible\" class=\"docClass\">collapsible</a> = true</code>)\nby clicking anywhere in the header bar, <code>false</code>) to allow it only by clicking to tool button\n(defaults to <code>false</code>)). If this panel is a child item of a border layout also see the\n<a href=\"#!/api/Ext.layout.BorderLayout.Region\" rel=\"Ext.layout.BorderLayout.Region\" class=\"docClass\">BorderLayout.Region</a>\n<code><a href=\"#!/api/Ext.layout.BorderLayout.Region-cfg-floatable\" rel=\"Ext.layout.BorderLayout.Region-cfg-floatable\" class=\"docClass\">floatable</a></code> config option.</p>\n</div></div></div><div id='cfg-toolTemplate' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Panel' rel='Ext.Panel' class='defined-in docClass'>Ext.Panel</a><br/><a href='source/Panel.html#Ext-Panel-cfg-toolTemplate' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Panel-cfg-toolTemplate' class='name expandable'>toolTemplate</a><span> : <a href=\"#!/api/Ext.Template\" rel=\"Ext.Template\" class=\"docClass\">Ext.Template</a>/<a href=\"#!/api/Ext.XTemplate\" rel=\"Ext.XTemplate\" class=\"docClass\">Ext.XTemplate</a></span></div><div class='description'><div class='short'>A Template used to create tools in the header Element. ...</div><div class='long'><p>A Template used to create <a href=\"#!/api/Ext.Panel-cfg-tools\" rel=\"Ext.Panel-cfg-tools\" class=\"docClass\">tools</a> in the <a href=\"#!/api/Ext.Panel-property-header\" rel=\"Ext.Panel-property-header\" class=\"docClass\">header</a> Element. Defaults to:</p>\n\n\n<pre><code>new <a href=\"#!/api/Ext.Template\" rel=\"Ext.Template\" class=\"docClass\">Ext.Template</a>('&lt;div class=\"x-tool x-tool-{id}\">&amp;#160;&lt;/div>')</code></pre>\n\n\n<p>This may may be overridden to provide a custom DOM structure for tools based upon a more\ncomplex XTemplate. The template's data is a single tool configuration object (Not the entire Array)\nas specified in <a href=\"#!/api/Ext.Panel-cfg-tools\" rel=\"Ext.Panel-cfg-tools\" class=\"docClass\">tools</a>. In the following example an &lt;a> tag is used to provide a\nvisual indication when hovering over the tool:</p>\n\n\n<pre><code>var win = new <a href=\"#!/api/Ext.Window\" rel=\"Ext.Window\" class=\"docClass\">Ext.Window</a>({\n tools: [{\n id: 'download',\n href: '/MyPdfDoc.pdf'\n }],\n toolTemplate: new <a href=\"#!/api/Ext.XTemplate\" rel=\"Ext.XTemplate\" class=\"docClass\">Ext.XTemplate</a>(\n '&lt;tpl if=\"id==\\'download\\'\">',\n '&lt;a class=\"x-tool x-tool-pdf\" href=\"{href}\">&lt;/a>',\n '&lt;/tpl>',\n '&lt;tpl if=\"id!=\\'download\\'\">',\n '&lt;div class=\"x-tool x-tool-{id}\">&amp;#160;&lt;/div>',\n '&lt;/tpl>'\n ),\n width:500,\n height:300,\n closeAction:'hide'\n});</code></pre>\n\n\n<p>Note that the CSS class 'x-tool-pdf' should have an associated style rule which provides an\nappropriate background image, something like:</p>\n\n\n\n\n<pre><code> a.x-tool-pdf {background-image: url(../shared/extjs/images/pdf.gif)!important;}\n </code></pre>\n\n</div></div></div><div id='cfg-tools' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Panel' rel='Ext.Panel' class='defined-in docClass'>Ext.Panel</a><br/><a href='source/Panel.html#Ext-Panel-cfg-tools' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Panel-cfg-tools' class='name expandable'>tools</a><span> : <a href=\"#!/api/Array\" rel=\"Array\" class=\"docClass\">Array</a></span></div><div class='description'><div class='short'>An array of tool button configs to be added to the header tool area. ...</div><div class='long'><p>An array of tool button configs to be added to the header tool area. When rendered, each tool is\nstored as an <a href=\"#!/api/Ext.Element\" rel=\"Ext.Element\" class=\"docClass\">Element</a> referenced by a public property called <code><b></b>tools.<i>&lt;tool-type&gt;</i></code></p>\n\n<p>Each tool config may contain the following properties:\n<div class=\"mdetail-params\"><ul>\n<li><b>id</b> : String<div class=\"sub-desc\"><b>Required.</b> The type\nof tool to create. By default, this assigns a CSS class of the form <code>x-tool-<i>&lt;tool-type&gt;</i></code> to the\nresulting tool Element. Ext provides CSS rules, and an icon sprite containing images for the tool types listed below.\nThe developer may implement custom tools by supplying alternate CSS rules and background images:\n<ul>\n<div class=\"x-tool x-tool-toggle\" style=\"float:left; margin-right:5;\"> </div><div><code> toggle</code> (Created by default when <a href=\"#!/api/Ext.Panel-cfg-collapsible\" rel=\"Ext.Panel-cfg-collapsible\" class=\"docClass\">collapsible</a> is <code>true</code>)</div>\n<div class=\"x-tool x-tool-close\" style=\"float:left; margin-right:5;\"> </div><div><code> close</code></div>\n<div class=\"x-tool x-tool-minimize\" style=\"float:left; margin-right:5;\"> </div><div><code> minimize</code></div>\n<div class=\"x-tool x-tool-maximize\" style=\"float:left; margin-right:5;\"> </div><div><code> maximize</code></div>\n<div class=\"x-tool x-tool-restore\" style=\"float:left; margin-right:5;\"> </div><div><code> restore</code></div>\n<div class=\"x-tool x-tool-gear\" style=\"float:left; margin-right:5;\"> </div><div><code> gear</code></div>\n<div class=\"x-tool x-tool-pin\" style=\"float:left; margin-right:5;\"> </div><div><code> pin</code></div>\n<div class=\"x-tool x-tool-unpin\" style=\"float:left; margin-right:5;\"> </div><div><code> unpin</code></div>\n<div class=\"x-tool x-tool-right\" style=\"float:left; margin-right:5;\"> </div><div><code> right</code></div>\n<div class=\"x-tool x-tool-left\" style=\"float:left; margin-right:5;\"> </div><div><code> left</code></div>\n<div class=\"x-tool x-tool-up\" style=\"float:left; margin-right:5;\"> </div><div><code> up</code></div>\n<div class=\"x-tool x-tool-down\" style=\"float:left; margin-right:5;\"> </div><div><code> down</code></div>\n<div class=\"x-tool x-tool-refresh\" style=\"float:left; margin-right:5;\"> </div><div><code> refresh</code></div>\n<div class=\"x-tool x-tool-minus\" style=\"float:left; margin-right:5;\"> </div><div><code> minus</code></div>\n<div class=\"x-tool x-tool-plus\" style=\"float:left; margin-right:5;\"> </div><div><code> plus</code></div>\n<div class=\"x-tool x-tool-help\" style=\"float:left; margin-right:5;\"> </div><div><code> help</code></div>\n<div class=\"x-tool x-tool-search\" style=\"float:left; margin-right:5;\"> </div><div><code> search</code></div>\n<div class=\"x-tool x-tool-save\" style=\"float:left; margin-right:5;\"> </div><div><code> save</code></div>\n<div class=\"x-tool x-tool-print\" style=\"float:left; margin-right:5;\"> </div><div><code> print</code></div>\n</ul></div></li>\n<li><b>handler</b> : Function<div class=\"sub-desc\"><b>Required.</b> The function to\ncall when clicked. Arguments passed are:<ul>\n<li><b>event</b> : <a href=\"#!/api/Ext.EventObject\" rel=\"Ext.EventObject\" class=\"docClass\">Ext.EventObject</a><div class=\"sub-desc\">The click event.</div></li>\n<li><b>toolEl</b> : <a href=\"#!/api/Ext.Element\" rel=\"Ext.Element\" class=\"docClass\">Ext.Element</a><div class=\"sub-desc\">The tool Element.</div></li>\n<li><b>panel</b> : <a href=\"#!/api/Ext.Panel\" rel=\"Ext.Panel\" class=\"docClass\">Ext.Panel</a><div class=\"sub-desc\">The host Panel</div></li>\n<li><b>tc</b> : Object<div class=\"sub-desc\">The tool configuration object</div></li>\n</ul></div></li>\n<li><b>stopEvent</b> : Boolean<div class=\"sub-desc\">Defaults to true. Specify as false to allow click event to propagate.</div></li>\n<li><b>scope</b> : Object<div class=\"sub-desc\">The scope in which to call the handler.</div></li>\n<li><b>qtip</b> : String/Object<div class=\"sub-desc\">A tip string, or\na config argument to <a href=\"#!/api/Ext.QuickTip-method-register\" rel=\"Ext.QuickTip-method-register\" class=\"docClass\">Ext.QuickTip.register</a></div></li>\n<li><b>hidden</b> : Boolean<div class=\"sub-desc\">True to initially render hidden.</div></li>\n<li><b>on</b> : Object<div class=\"sub-desc\">A listener config object specifiying\nevent listeners in the format of an argument to <a href=\"#!/api/Ext.Panel-method-addListener\" rel=\"Ext.Panel-method-addListener\" class=\"docClass\">addListener</a></div></li>\n</ul></div>\n<p>Note that, apart from the toggle tool which is provided when a panel is collapsible, these\ntools only provide the visual button. Any required functionality must be provided by adding\nhandlers that implement the necessary behavior.</p>\n<p>Example usage:</p>\n<pre><code>tools:[{\n id:'refresh',\n qtip: 'Refresh form Data',\n // hidden:true,\n handler: function(event, toolEl, panel){\n // refresh logic\n }\n},\n{\n id:'help',\n qtip: 'Get Help',\n handler: function(event, toolEl, panel){\n // whatever\n }\n}]\n</code></pre>\n<p>For the custom id of <code>'help'</code> define two relevant css classes with a link to\na 15x15 image:</p>\n<pre><code>.x-tool-help {background-image: url(images/help.png);}\n.x-tool-help-over {background-image: url(images/help_over.png);}\n// if using an image sprite:\n.x-tool-help {background-image: url(images/help.png) no-repeat 0 0;}\n.x-tool-help-over {background-position:-15px 0;}\n</code></pre>\n\n</p></div></div></div><div id='cfg-tpl' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Component' rel='Ext.Component' class='defined-in docClass'>Ext.Component</a><br/><a href='source/Component.html#Ext-Component-cfg-tpl' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Component-cfg-tpl' class='name expandable'>tpl</a><span> : Mixed</span></div><div class='description'><div class='short'>An Ext.Template, Ext.XTemplate\nor an array of strings to form an Ext.XTemplate. ...</div><div class='long'><p>An <bold><a href=\"#!/api/Ext.Template\" rel=\"Ext.Template\" class=\"docClass\">Ext.Template</a></bold>, <bold><a href=\"#!/api/Ext.XTemplate\" rel=\"Ext.XTemplate\" class=\"docClass\">Ext.XTemplate</a></bold>\nor an array of strings to form an <a href=\"#!/api/Ext.XTemplate\" rel=\"Ext.XTemplate\" class=\"docClass\">Ext.XTemplate</a>.\nUsed in conjunction with the <code><a href=\"#!/api/Ext.Component-cfg-data\" rel=\"Ext.Component-cfg-data\" class=\"docClass\">data</a></code> and\n<code><a href=\"#!/api/Ext.Component-cfg-tplWriteMode\" rel=\"Ext.Component-cfg-tplWriteMode\" class=\"docClass\">tplWriteMode</a></code> configurations.</p>\n</div></div></div><div id='cfg-tplWriteMode' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Component' rel='Ext.Component' class='defined-in docClass'>Ext.Component</a><br/><a href='source/Component.html#Ext-Component-cfg-tplWriteMode' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Component-cfg-tplWriteMode' class='name expandable'>tplWriteMode</a><span> : <a href=\"#!/api/String\" rel=\"String\" class=\"docClass\">String</a></span></div><div class='description'><div class='short'>The Ext.(X)Template method to use when\nupdating the content area of the Component. ...</div><div class='long'><p>The Ext.(X)Template method to use when\nupdating the content area of the Component. Defaults to <tt>'overwrite'</tt>\n(see <code><a href=\"#!/api/Ext.XTemplate-method-overwrite\" rel=\"Ext.XTemplate-method-overwrite\" class=\"docClass\">Ext.XTemplate.overwrite</a></code>).</p>\n<p>Defaults to: <code>'overwrite'</code></p></div></div></div><div id='cfg-trackMouseOver' class='member not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Ext.grid.GridPanel'>Ext.grid.GridPanel</span><br/><a href='source/GridPanel.html#Ext-grid-GridPanel-cfg-trackMouseOver' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.grid.GridPanel-cfg-trackMouseOver' class='name expandable'>trackMouseOver</a><span> : Boolean</span></div><div class='description'><div class='short'>True to highlight rows when the mouse is over. ...</div><div class='long'><p>True to highlight rows when the mouse is over. Default is <tt>true</tt>\nfor GridPanel, but <tt>false</tt> for EditorGridPanel.</p>\n<p>Defaults to: <code>true</code></p></div></div></div><div id='cfg-unstyled' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Panel' rel='Ext.Panel' class='defined-in docClass'>Ext.Panel</a><br/><a href='source/Panel.html#Ext-Panel-cfg-unstyled' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Panel-cfg-unstyled' class='name expandable'>unstyled</a><span> : Boolean</span></div><div class='description'><div class='short'>Overrides the baseCls setting to baseCls = 'x-plain' which renders\nthe panel unstyled except for required attributes ...</div><div class='long'><p>Overrides the <code><a href=\"#!/api/Ext.Panel-cfg-baseCls\" rel=\"Ext.Panel-cfg-baseCls\" class=\"docClass\">baseCls</a></code> setting to <code><a href=\"#!/api/Ext.Panel-cfg-baseCls\" rel=\"Ext.Panel-cfg-baseCls\" class=\"docClass\">baseCls</a> = 'x-plain'</code> which renders\nthe panel unstyled except for required attributes for Ext layouts to function (e.g. overflow:hidden).</p>\n</div></div></div><div id='cfg-view' class='member not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Ext.grid.GridPanel'>Ext.grid.GridPanel</span><br/><a href='source/GridPanel.html#Ext-grid-GridPanel-cfg-view' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.grid.GridPanel-cfg-view' class='name expandable'>view</a><span> : Object</span></div><div class='description'><div class='short'>The Ext.grid.GridView used by the grid. ...</div><div class='long'><p>The <a href=\"#!/api/Ext.grid.GridView\" rel=\"Ext.grid.GridView\" class=\"docClass\">Ext.grid.GridView</a> used by the grid. This can be set\nbefore a call to <a href=\"#!/api/Ext.Component-method-render\" rel=\"Ext.Component-method-render\" class=\"docClass\">render()</a>.</p>\n</div></div></div><div id='cfg-viewConfig' class='member not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Ext.grid.GridPanel'>Ext.grid.GridPanel</span><br/><a href='source/GridPanel.html#Ext-grid-GridPanel-cfg-viewConfig' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.grid.GridPanel-cfg-viewConfig' class='name expandable'>viewConfig</a><span> : Object</span></div><div class='description'><div class='short'>A config object that will be applied to the grid's UI view. ...</div><div class='long'><p>A config object that will be applied to the grid's UI view. Any of\nthe config options available for <a href=\"#!/api/Ext.grid.GridView\" rel=\"Ext.grid.GridView\" class=\"docClass\">Ext.grid.GridView</a> can be specified here. This option\nis ignored if <tt><a href=\"#!/api/Ext.grid.GridPanel-cfg-view\" rel=\"Ext.grid.GridPanel-cfg-view\" class=\"docClass\">view</a></tt> is specified.</p>\n</div></div></div><div id='cfg-width' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.BoxComponent' rel='Ext.BoxComponent' class='defined-in docClass'>Ext.BoxComponent</a><br/><a href='source/BoxComponent.html#Ext-BoxComponent-cfg-width' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.BoxComponent-cfg-width' class='name expandable'>width</a><span> : <a href=\"#!/api/Number\" rel=\"Number\" class=\"docClass\">Number</a></span></div><div class='description'><div class='short'>The width of this component in pixels (defaults to auto). ...</div><div class='long'><p>The width of this component in pixels (defaults to auto).\n<b>Note</b> to express this dimension as a percentage or offset see Ext.Component.anchor.</p>\n</div></div></div><div id='cfg-x' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.BoxComponent' rel='Ext.BoxComponent' class='defined-in docClass'>Ext.BoxComponent</a><br/><a href='source/BoxComponent.html#Ext-BoxComponent-cfg-x' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.BoxComponent-cfg-x' class='name not-expandable'>x</a><span> : <a href=\"#!/api/Number\" rel=\"Number\" class=\"docClass\">Number</a></span></div><div class='description'><div class='short'><p>The local x (left) coordinate for this component if contained within a positioning container.</p>\n</div><div class='long'><p>The local x (left) coordinate for this component if contained within a positioning container.</p>\n</div></div></div><div id='cfg-xtype' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Component' rel='Ext.Component' class='defined-in docClass'>Ext.Component</a><br/><a href='source/Component.html#Ext-Component-cfg-xtype' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Component-cfg-xtype' class='name expandable'>xtype</a><span> : <a href=\"#!/api/String\" rel=\"String\" class=\"docClass\">String</a></span></div><div class='description'><div class='short'>The registered xtype to create. ...</div><div class='long'><p>The registered <tt>xtype</tt> to create. This config option is not used when passing\na config object into a constructor. This config option is used only when\nlazy instantiation is being used, and a child item of a Container is being\nspecified not as a fully instantiated Component, but as a <i>Component config\nobject</i>. The <tt>xtype</tt> will be looked up at render time up to determine what\ntype of child Component to create.<br><br>\nThe predefined xtypes are listed <a href=\"#!/api/Ext.Component\" rel=\"Ext.Component\" class=\"docClass\">here</a>.</p>\n\n<br><br>\n\n\n<p>If you subclass Components to create your own Components, you may register\nthem using <a href=\"#!/api/Ext.ComponentMgr-method-registerType\" rel=\"Ext.ComponentMgr-method-registerType\" class=\"docClass\">Ext.ComponentMgr.registerType</a> in order to be able to\ntake advantage of lazy instantiation and rendering.</p>\n</div></div></div><div id='cfg-y' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.BoxComponent' rel='Ext.BoxComponent' class='defined-in docClass'>Ext.BoxComponent</a><br/><a href='source/BoxComponent.html#Ext-BoxComponent-cfg-y' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.BoxComponent-cfg-y' class='name not-expandable'>y</a><span> : <a href=\"#!/api/Number\" rel=\"Number\" class=\"docClass\">Number</a></span></div><div class='description'><div class='short'><p>The local y (top) coordinate for this component if contained within a positioning container.</p>\n</div><div class='long'><p>The local y (top) coordinate for this component if contained within a positioning container.</p>\n</div></div></div></div></div><div class='members-section'><div class='definedBy'>Defined By</div><h3 class='members-title icon-property'>Properties</h3><div class='subsection'><div id='property-body' class='member first-child inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Panel' rel='Ext.Panel' class='defined-in docClass'>Ext.Panel</a><br/><a href='source/Panel.html#Ext-Panel-property-body' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Panel-property-body' class='name expandable'>body</a><span> : <a href=\"#!/api/Ext.Element\" rel=\"Ext.Element\" class=\"docClass\">Ext.Element</a></span></div><div class='description'><div class='short'>The Panel's body Element which may be used to contain HTML content. ...</div><div class='long'><p>The Panel's body <a href=\"#!/api/Ext.Element\" rel=\"Ext.Element\" class=\"docClass\">Element</a> which may be used to contain HTML content.\nThe content may be specified in the <a href=\"#!/api/Ext.Panel-cfg-html\" rel=\"Ext.Panel-cfg-html\" class=\"docClass\">html</a> config, or it may be loaded using the\nautoLoad config, or through the Panel's <a href=\"#!/api/Ext.Panel-method-getUpdater\" rel=\"Ext.Panel-method-getUpdater\" class=\"docClass\">Updater</a>. Read-only.</p>\n\n<p>If this is used to load visible HTML elements in either way, then\nthe Panel may not be used as a Layout for hosting nested Panels.</p>\n\n\n<p>If this Panel is intended to be used as the host of a Layout (See <a href=\"#!/api/Ext.Panel-cfg-layout\" rel=\"Ext.Panel-cfg-layout\" class=\"docClass\">layout</a>\nthen the body Element must not be loaded or changed - it is under the control\nof the Panel's Layout.\n<br><p><b>Note</b>: see the Note for <code><a href=\"#!/api/Ext.Component-property-el\" rel=\"Ext.Component-property-el\" class=\"docClass\">el</a></code> also.</p>\n\n</p></div></div></div><div id='property-boxReady' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.BoxComponent' rel='Ext.BoxComponent' class='defined-in docClass'>Ext.BoxComponent</a><br/><a href='source/BoxComponent.html#Ext-BoxComponent-property-boxReady' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.BoxComponent-property-boxReady' class='name expandable'>boxReady</a><span> : Boolean</span><strong class='private signature' >private</strong></div><div class='description'><div class='short'>private, set in afterRender to signify that the component has been rendered ...</div><div class='long'><p>private, set in afterRender to signify that the component has been rendered</p>\n<p>Defaults to: <code>false</code></p></div></div></div><div id='property-buttons' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Panel' rel='Ext.Panel' class='defined-in docClass'>Ext.Panel</a><br/><a href='source/Panel.html#Ext-Panel-property-buttons' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Panel-property-buttons' class='name expandable'>buttons</a><span> : <a href=\"#!/api/Array\" rel=\"Array\" class=\"docClass\">Array</a></span></div><div class='description'><div class='short'>This Panel's Array of buttons as created from the buttons\nconfig property. ...</div><div class='long'><p>This Panel's Array of buttons as created from the <code><a href=\"#!/api/Ext.Panel-property-buttons\" rel=\"Ext.Panel-property-buttons\" class=\"docClass\">buttons</a></code>\nconfig property. Read only.</p>\n</div></div></div><div id='property-bwrap' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Panel' rel='Ext.Panel' class='defined-in docClass'>Ext.Panel</a><br/><a href='source/Panel.html#Ext-Panel-property-bwrap' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Panel-property-bwrap' class='name expandable'>bwrap</a><span> : <a href=\"#!/api/Ext.Element\" rel=\"Ext.Element\" class=\"docClass\">Ext.Element</a></span></div><div class='description'><div class='short'>The Panel's bwrap Element used to contain other Panel elements\n(tbar, body, bbar, footer). ...</div><div class='long'><p>The Panel's bwrap <a href=\"#!/api/Ext.Element\" rel=\"Ext.Element\" class=\"docClass\">Element</a> used to contain other Panel elements\n(tbar, body, bbar, footer). See <a href=\"#!/api/Ext.Panel-cfg-bodyCfg\" rel=\"Ext.Panel-cfg-bodyCfg\" class=\"docClass\">bodyCfg</a>. Read-only.</p>\n</div></div></div><div id='property-collapseDefaults' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Panel' rel='Ext.Panel' class='defined-in docClass'>Ext.Panel</a><br/><a href='source/Panel.html#Ext-Panel-property-collapseDefaults' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Panel-property-collapseDefaults' class='name expandable'>collapseDefaults</a><span> : Object</span><strong class='private signature' >private</strong></div><div class='description'><div class='short'>private ...</div><div class='long'><p>private</p>\n<p>Defaults to: <code>{duration: 0.25}</code></p></div></div></div><div id='property-collapseEl' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Panel' rel='Ext.Panel' class='defined-in docClass'>Ext.Panel</a><br/><a href='source/Panel.html#Ext-Panel-property-collapseEl' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Panel-property-collapseEl' class='name expandable'>collapseEl</a><span> : <a href=\"#!/api/String\" rel=\"String\" class=\"docClass\">String</a></span><strong class='private signature' >private</strong></div><div class='description'><div class='short'> ...</div><div class='long'>\n<p>Defaults to: <code>'bwrap'</code></p></div></div></div><div id='property-collapsed' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Panel' rel='Ext.Panel' class='defined-in docClass'>Ext.Panel</a><br/><a href='source/Panel.html#Ext-Panel-property-collapsed' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Panel-property-collapsed' class='name expandable'>collapsed</a><span> : Boolean</span></div><div class='description'><div class='short'>True if this panel is collapsed. ...</div><div class='long'><p>True if this panel is collapsed. Read-only.</p>\n</div></div></div><div id='property-dd' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Panel' rel='Ext.Panel' class='defined-in docClass'>Ext.Panel</a><br/><a href='source/Panel.html#Ext-Panel-property-dd' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Panel-property-dd' class='name expandable'>dd</a><span> : <a href=\"#!/api/Ext.dd.DragSource\" rel=\"Ext.dd.DragSource\" class=\"docClass\">Ext.dd.DragSource</a></span></div><div class='description'><div class='short'>If this Panel is configured draggable, this property will contain\nan instance of Ext.dd.DragSource which handles drag...</div><div class='long'><p>If this Panel is configured <a href=\"#!/api/Ext.Panel-cfg-draggable\" rel=\"Ext.Panel-cfg-draggable\" class=\"docClass\">draggable</a>, this property will contain\nan instance of <a href=\"#!/api/Ext.dd.DragSource\" rel=\"Ext.dd.DragSource\" class=\"docClass\">Ext.dd.DragSource</a> which handles dragging the Panel.</p>\n\n\n<p>The developer must provide implementations of the abstract methods of <a href=\"#!/api/Ext.dd.DragSource\" rel=\"Ext.dd.DragSource\" class=\"docClass\">Ext.dd.DragSource</a>\nin order to supply behaviour for each stage of the drag/drop process. See <a href=\"#!/api/Ext.Panel-cfg-draggable\" rel=\"Ext.Panel-cfg-draggable\" class=\"docClass\">draggable</a>.</p>\n</div></div></div><div id='property-deferHeight' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Panel' rel='Ext.Panel' class='defined-in docClass'>Ext.Panel</a><br/><a href='source/Panel.html#Ext-Panel-property-deferHeight' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Panel-property-deferHeight' class='name expandable'>deferHeight</a><span> : Boolean</span><strong class='private signature' >private</strong></div><div class='description'><div class='short'>private, notify box this class will handle heights ...</div><div class='long'><p>private, notify box this class will handle heights</p>\n<p>Defaults to: <code>true</code></p><p>Overrides: <a href='#!/api/Ext.BoxComponent-property-deferHeight' rel='Ext.BoxComponent-property-deferHeight' class='docClass'>Ext.BoxComponent.deferHeight</a></p></div></div></div><div id='property-el' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Component' rel='Ext.Component' class='defined-in docClass'>Ext.Component</a><br/><a href='source/Component.html#Ext-Component-property-el' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Component-property-el' class='name expandable'>el</a><span> : <a href=\"#!/api/Ext.Element\" rel=\"Ext.Element\" class=\"docClass\">Ext.Element</a></span></div><div class='description'><div class='short'>The Ext.Element which encapsulates this Component. ...</div><div class='long'><p>The <a href=\"#!/api/Ext.Element\" rel=\"Ext.Element\" class=\"docClass\">Ext.Element</a> which encapsulates this Component. Read-only.</p>\n\n\n<p>This will <i>usually</i> be a &lt;DIV> element created by the class's onRender method, but\nthat may be overridden using the <code><a href=\"#!/api/Ext.Component-cfg-autoEl\" rel=\"Ext.Component-cfg-autoEl\" class=\"docClass\">autoEl</a></code> config.</p>\n\n\n<br><p><b>Note</b>: this element will not be available until this Component has been rendered.</p><br>\n\n\n<p>To add listeners for <b>DOM events</b> to this Component (as opposed to listeners\nfor this Component's own Observable events), see the <a href=\"#!/api/Ext.util.Observable-cfg-listeners\" rel=\"Ext.util.Observable-cfg-listeners\" class=\"docClass\">listeners</a>\nconfig for a suggestion, or use a render listener directly:</p>\n\n\n<pre><code>new <a href=\"#!/api/Ext.Panel\" rel=\"Ext.Panel\" class=\"docClass\">Ext.Panel</a>({\n title: 'The Clickable Panel',\n listeners: {\n render: function(p) {\n // Append the Panel to the click handler&#39;s argument list.\n p.getEl().on('click', handlePanelClick.createDelegate(null, [p], true));\n },\n single: true // Remove the listener after first invocation\n }\n});\n</code></pre>\n\n\n<p>See also <tt><a href=\"#!/api/Ext.Component-method-getEl\" rel=\"Ext.Component-method-getEl\" class=\"docClass\">getEl</a></tt></p>\n\n</div></div></div><div id='property-expandDefaults' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Panel' rel='Ext.Panel' class='defined-in docClass'>Ext.Panel</a><br/><a href='source/Panel.html#Ext-Panel-property-expandDefaults' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Panel-property-expandDefaults' class='name expandable'>expandDefaults</a><span> : Object</span><strong class='private signature' >private</strong></div><div class='description'><div class='short'>private ...</div><div class='long'><p>private</p>\n<p>Defaults to: <code>{duration: 0.25}</code></p></div></div></div><div id='property-footer' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Panel' rel='Ext.Panel' class='defined-in docClass'>Ext.Panel</a><br/><a href='source/Panel.html#Ext-Panel-property-footer' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Panel-property-footer' class='name expandable'>footer</a><span> : <a href=\"#!/api/Ext.Element\" rel=\"Ext.Element\" class=\"docClass\">Ext.Element</a></span></div><div class='description'><div class='short'>The Panel's footer Element. ...</div><div class='long'><p>The Panel's footer <a href=\"#!/api/Ext.Element\" rel=\"Ext.Element\" class=\"docClass\">Element</a>. Read-only.</p>\n\n<p>This Element is used to house the Panel's <code><a href=\"#!/api/Ext.Panel-property-buttons\" rel=\"Ext.Panel-property-buttons\" class=\"docClass\">buttons</a></code> or <code><a href=\"#!/api/Ext.Panel-cfg-fbar\" rel=\"Ext.Panel-cfg-fbar\" class=\"docClass\">fbar</a></code>.</p>\n\n\n<br><p><b>Note</b>: see the Note for <code><a href=\"#!/api/Ext.Component-property-el\" rel=\"Ext.Component-property-el\" class=\"docClass\">el</a></code> also.</p>\n\n</div></div></div><div id='property-header' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Panel' rel='Ext.Panel' class='defined-in docClass'>Ext.Panel</a><br/><a href='source/Panel.html#Ext-Panel-property-header' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Panel-property-header' class='name expandable'>header</a><span> : <a href=\"#!/api/Ext.Element\" rel=\"Ext.Element\" class=\"docClass\">Ext.Element</a></span></div><div class='description'><div class='short'>The Panel's header Element. ...</div><div class='long'><p>The Panel's header <a href=\"#!/api/Ext.Element\" rel=\"Ext.Element\" class=\"docClass\">Element</a>. Read-only.</p>\n\n<p>This Element is used to house the <a href=\"#!/api/Ext.Panel-cfg-title\" rel=\"Ext.Panel-cfg-title\" class=\"docClass\">title</a> and <a href=\"#!/api/Ext.Panel-cfg-tools\" rel=\"Ext.Panel-cfg-tools\" class=\"docClass\">tools</a></p>\n\n\n<br><p><b>Note</b>: see the Note for <code><a href=\"#!/api/Ext.Component-property-el\" rel=\"Ext.Component-property-el\" class=\"docClass\">el</a></code> also.</p>\n\n</div></div></div><div id='property-hidden' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Component' rel='Ext.Component' class='defined-in docClass'>Ext.Component</a><br/><a href='source/Component.html#Ext-Component-property-hidden' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Component-property-hidden' class='name expandable'>hidden</a><span> : Boolean</span></div><div class='description'><div class='short'>True if this component is hidden. ...</div><div class='long'><p>True if this component is hidden. Read-only.</p>\n</div></div></div><div id='property-initialConfig' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Component' rel='Ext.Component' class='defined-in docClass'>Ext.Component</a><br/><a href='source/Component.html#Ext-Component-property-initialConfig' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Component-property-initialConfig' class='name expandable'>initialConfig</a><span> : Object</span></div><div class='description'><div class='short'>This Component's initial configuration specification. ...</div><div class='long'><p>This Component's initial configuration specification. Read-only.</p>\n</div></div></div><div id='property-ownerCt' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Component' rel='Ext.Component' class='defined-in docClass'>Ext.Component</a><br/><a href='source/Component.html#Ext-Component-property-ownerCt' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Component-property-ownerCt' class='name expandable'>ownerCt</a><span> : <a href=\"#!/api/Ext.Container\" rel=\"Ext.Container\" class=\"docClass\">Ext.Container</a></span></div><div class='description'><div class='short'>This Component's owner Container (defaults to undefined, and is set automatically when\nthis Component is added to a C...</div><div class='long'><p>This Component's owner <a href=\"#!/api/Ext.Container\" rel=\"Ext.Container\" class=\"docClass\">Container</a> (defaults to undefined, and is set automatically when\nthis Component is added to a Container). Read-only.</p>\n\n<p><b>Note</b>: to access items within the Container see <tt><a href=\"#!/api/Ext.Component-cfg-itemId\" rel=\"Ext.Component-cfg-itemId\" class=\"docClass\">itemId</a></tt>.</p>\n\n</div></div></div><div id='property-refOwner' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Component' rel='Ext.Component' class='defined-in docClass'>Ext.Component</a><br/><a href='source/Component.html#Ext-Component-property-refOwner' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Component-property-refOwner' class='name expandable'>refOwner</a><span> : <a href=\"#!/api/Ext.Container\" rel=\"Ext.Container\" class=\"docClass\">Ext.Container</a></span></div><div class='description'><div class='short'>The ancestor Container into which the ref reference was inserted if this Component\nis a child of a Container, and has...</div><div class='long'><p>The ancestor Container into which the <a href=\"#!/api/Ext.Component-cfg-ref\" rel=\"Ext.Component-cfg-ref\" class=\"docClass\">ref</a> reference was inserted if this Component\nis a child of a Container, and has been configured with a <code>ref</code>.</p>\n</div></div></div><div id='property-rendered' class='member not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Ext.grid.GridPanel'>Ext.grid.GridPanel</span><br/><a href='source/GridPanel.html#Ext-grid-GridPanel-property-rendered' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.grid.GridPanel-property-rendered' class='name expandable'>rendered</a><span> : Boolean</span></div><div class='description'><div class='short'>private\n\nTrue if this component has been rendered. ...</div><div class='long'><p>private</p>\n\n<p>True if this component has been rendered. Read-only.</p>\n<p>Defaults to: <code>false</code></p><p>Overrides: <a href='#!/api/Ext.Component-property-rendered' rel='Ext.Component-property-rendered' class='docClass'>Ext.Component.rendered</a></p></div></div></div><div id='property-slideAnchor' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Panel' rel='Ext.Panel' class='defined-in docClass'>Ext.Panel</a><br/><a href='source/Panel.html#Ext-Panel-property-slideAnchor' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Panel-property-slideAnchor' class='name expandable'>slideAnchor</a><span> : <a href=\"#!/api/String\" rel=\"String\" class=\"docClass\">String</a></span><strong class='private signature' >private</strong></div><div class='description'><div class='short'> ...</div><div class='long'>\n<p>Defaults to: <code>'t'</code></p></div></div></div><div id='property-toolTarget' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Panel' rel='Ext.Panel' class='defined-in docClass'>Ext.Panel</a><br/><a href='source/Panel.html#Ext-Panel-property-toolTarget' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Panel-property-toolTarget' class='name expandable'>toolTarget</a><span> : <a href=\"#!/api/String\" rel=\"String\" class=\"docClass\">String</a></span><strong class='private signature' >private</strong></div><div class='description'><div class='short'>protected - these could be used to customize the behavior of the window,\nbut changing them would not be useful withou...</div><div class='long'><p>protected - these could be used to customize the behavior of the window,\nbut changing them would not be useful without further mofifications and\ncould lead to unexpected or undesirable results.</p>\n<p>Defaults to: <code>'header'</code></p></div></div></div><div id='property-viewReady' class='member not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Ext.grid.GridPanel'>Ext.grid.GridPanel</span><br/><a href='source/GridPanel.html#Ext-grid-GridPanel-property-viewReady' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.grid.GridPanel-property-viewReady' class='name expandable'>viewReady</a><span> : Boolean</span><strong class='private signature' >private</strong></div><div class='description'><div class='short'>private ...</div><div class='long'><p>private</p>\n<p>Defaults to: <code>false</code></p></div></div></div></div></div><div class='members-section'><div class='definedBy'>Defined By</div><h3 class='members-title icon-method'>Methods</h3><div class='subsection'><div id='method-constructor' class='member first-child not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Ext.grid.GridPanel'>Ext.grid.GridPanel</span><br/><a href='source/GridPanel.html#Ext-grid-GridPanel-method-constructor' target='_blank' class='view-source'>view source</a></div><strong class='new-keyword'>new</strong><a href='#!/api/Ext.grid.GridPanel-method-constructor' class='name expandable'>Ext.grid.GridPanel</a>( <span class='pre'>config</span> ) : <a href=\"#!/api/Ext.grid.GridPanel\" rel=\"Ext.grid.GridPanel\" class=\"docClass\">Ext.grid.GridPanel</a></div><div class='description'><div class='short'> ...</div><div class='long'>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>config</span> : Object<div class='sub-desc'><p>The config object</p>\n</div></li></ul><h3 class='pa'>Returns</h3><ul><li><span class='pre'><a href=\"#!/api/Ext.grid.GridPanel\" rel=\"Ext.grid.GridPanel\" class=\"docClass\">Ext.grid.GridPanel</a></span><div class='sub-desc'>\n</div></li></ul><p>Overrides: <a href='#!/api/Ext.Panel-method-constructor' rel='Ext.Panel-method-constructor' class='docClass'>Ext.Panel.constructor</a></p></div></div></div><div id='method-addButton' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Panel' rel='Ext.Panel' class='defined-in docClass'>Ext.Panel</a><br/><a href='source/Panel.html#Ext-Panel-method-addButton' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Panel-method-addButton' class='name expandable'>addButton</a>( <span class='pre'>config, handler, scope</span> ) : <a href=\"#!/api/Ext.Button\" rel=\"Ext.Button\" class=\"docClass\">Ext.Button</a></div><div class='description'><div class='short'>Adds a button to this panel. ...</div><div class='long'><p>Adds a button to this panel. Note that this method must be called prior to rendering. The preferred\napproach is to add buttons via the <a href=\"#!/api/Ext.Panel-property-buttons\" rel=\"Ext.Panel-property-buttons\" class=\"docClass\">buttons</a> config.</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>config</span> : <a href=\"#!/api/String\" rel=\"String\" class=\"docClass\">String</a>/Object<div class='sub-desc'><p>A valid <a href=\"#!/api/Ext.Button\" rel=\"Ext.Button\" class=\"docClass\">Ext.Button</a> config. A string will become the text for a default\nbutton config, an object will be treated as a button config object.</p>\n</div></li><li><span class='pre'>handler</span> : <a href=\"#!/api/Function\" rel=\"Function\" class=\"docClass\">Function</a><div class='sub-desc'><p>The function to be called on button <a href=\"#!/api/Ext.Button-event-click\" rel=\"Ext.Button-event-click\" class=\"docClass\">Ext.Button.click</a></p>\n</div></li><li><span class='pre'>scope</span> : Object<div class='sub-desc'><p>The scope (<code>this</code> reference) in which the button handler function is executed. Defaults to the Button.</p>\n</div></li></ul><h3 class='pa'>Returns</h3><ul><li><span class='pre'><a href=\"#!/api/Ext.Button\" rel=\"Ext.Button\" class=\"docClass\">Ext.Button</a></span><div class='sub-desc'><p>The button that was added</p>\n</div></li></ul></div></div></div><div id='method-addClass' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Component' rel='Ext.Component' class='defined-in docClass'>Ext.Component</a><br/><a href='source/Component.html#Ext-Component-method-addClass' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Component-method-addClass' class='name expandable'>addClass</a>( <span class='pre'>cls</span> ) : <a href=\"#!/api/Ext.Component\" rel=\"Ext.Component\" class=\"docClass\">Ext.Component</a><strong class='chainable signature' >chainable</strong></div><div class='description'><div class='short'>Adds a CSS class to the component's underlying element. ...</div><div class='long'><p>Adds a CSS class to the component's underlying element.</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>cls</span> : <a href=\"#!/api/String\" rel=\"String\" class=\"docClass\">string</a><div class='sub-desc'><p>The CSS class name to add</p>\n</div></li></ul><h3 class='pa'>Returns</h3><ul><li><span class='pre'><a href=\"#!/api/Ext.Component\" rel=\"Ext.Component\" class=\"docClass\">Ext.Component</a></span><div class='sub-desc'><p>this</p>\n</div></li></ul></div></div></div><div id='method-addEvents' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.util.Observable' rel='Ext.util.Observable' class='defined-in docClass'>Ext.util.Observable</a><br/><a href='source/Observable.html#Ext-util-Observable-method-addEvents' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.util.Observable-method-addEvents' class='name expandable'>addEvents</a>( <span class='pre'>o, Optional</span> )</div><div class='description'><div class='short'>Adds the specified events to the list of events which this Observable may fire. ...</div><div class='long'><p>Adds the specified events to the list of events which this Observable may fire.</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>o</span> : Object|<a href=\"#!/api/String\" rel=\"String\" class=\"docClass\">String</a><div class='sub-desc'><p>Either an object with event names as properties with a value of <code>true</code>\nor the first event name string if multiple event names are being passed as separate parameters.</p>\n</div></li><li><span class='pre'>Optional</span> : <a href=\"#!/api/String\" rel=\"String\" class=\"docClass\">string</a><div class='sub-desc'><p>. Event name if multiple event names are being passed as separate parameters.\nUsage:</p>\n\n<pre><code>this.addEvents('storeloaded', 'storecleared');\n</code></pre>\n\n</div></li></ul></div></div></div><div id='method-addListener' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.util.Observable' rel='Ext.util.Observable' class='defined-in docClass'>Ext.util.Observable</a><br/><a href='source/Observable.html#Ext-util-Observable-method-addListener' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.util.Observable-method-addListener' class='name expandable'>addListener</a>( <span class='pre'>eventName, handler, [scope], [options]</span> )</div><div class='description'><div class='short'>Appends an event handler to this object. ...</div><div class='long'><p>Appends an event handler to this object.</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>eventName</span> : <a href=\"#!/api/String\" rel=\"String\" class=\"docClass\">String</a><div class='sub-desc'><p>The name of the event to listen for.</p>\n</div></li><li><span class='pre'>handler</span> : <a href=\"#!/api/Function\" rel=\"Function\" class=\"docClass\">Function</a><div class='sub-desc'><p>The method the event invokes.</p>\n</div></li><li><span class='pre'>scope</span> : Object (optional)<div class='sub-desc'><p>The scope (<code><b>this</b></code> reference) in which the handler function is executed.\n<b>If omitted, defaults to the object which fired the event.</b></p>\n</div></li><li><span class='pre'>options</span> : Object (optional)<div class='sub-desc'><p>An object containing handler configuration.\nproperties. This may contain any of the following properties:<ul>\n<li><b>scope</b> : Object<div class=\"sub-desc\">The scope (<code><b>this</b></code> reference) in which the handler function is executed.\n<b>If omitted, defaults to the object which fired the event.</b></div></li>\n<li><b>delay</b> : Number<div class=\"sub-desc\">The number of milliseconds to delay the invocation of the handler after the event fires.</div></li>\n<li><b>single</b> : Boolean<div class=\"sub-desc\">True to add a handler to handle just the next firing of the event, and then remove itself.</div></li>\n<li><b>buffer</b> : Number<div class=\"sub-desc\">Causes the handler to be scheduled to run in an <a href=\"#!/api/Ext.util.DelayedTask\" rel=\"Ext.util.DelayedTask\" class=\"docClass\">Ext.util.DelayedTask</a> delayed\nby the specified number of milliseconds. If the event fires again within that time, the original\nhandler is <em>not</em> invoked, but the new handler is scheduled in its place.</div></li>\n<li><b>target</b> : Observable<div class=\"sub-desc\">Only call the handler if the event was fired on the target Observable, <i>not</i>\nif the event was bubbled up from a child Observable.</div></li>\n</ul><br></p>\n\n<p>\n<b>Combining Options</b><br>\nUsing the options argument, it is possible to combine different types of listeners:<br>\n<br>\nA delayed, one-time listener.\n<pre><code>myDataView.on('click', this.onClick, this, {\nsingle: true,\ndelay: 100\n});</code></pre>\n<p>\n<b>Attaching multiple handlers in 1 call</b><br>\nThe method also allows for a single argument to be passed which is a config object containing properties\nwhich specify multiple handlers.\n<p>\n<pre><code>myGridPanel.on({\n'click' : {\n fn: this.onClick,\n scope: this,\n delay: 100\n},\n'mouseover' : {\n fn: this.onMouseOver,\n scope: this\n},\n'mouseout' : {\n fn: this.onMouseOut,\n scope: this\n}\n});</code></pre>\n<p>\nOr a shorthand syntax:<br>\n<pre><code>myGridPanel.on({\n'click' : this.onClick,\n'mouseover' : this.onMouseOver,\n'mouseout' : this.onMouseOut,\n scope: this\n});</code></pre>\n\n</p></p></p></p></div></li></ul></div></div></div><div id='method-addTool' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Panel' rel='Ext.Panel' class='defined-in docClass'>Ext.Panel</a><br/><a href='source/Panel.html#Ext-Panel-method-addTool' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Panel-method-addTool' class='name expandable'>addTool</a>( <span class='pre'></span> )<strong class='private signature' >private</strong></div><div class='description'><div class='short'>private ...</div><div class='long'><p>private</p>\n</div></div></div><div id='method-adjustBodyHeight' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Panel' rel='Ext.Panel' class='defined-in docClass'>Ext.Panel</a><br/><a href='source/Panel.html#Ext-Panel-method-adjustBodyHeight' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Panel-method-adjustBodyHeight' class='name expandable'>adjustBodyHeight</a>( <span class='pre'>h</span> )<strong class='private signature' >private</strong></div><div class='description'><div class='short'>deprecate ...</div><div class='long'><p>deprecate</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>h</span> : Object<div class='sub-desc'>\n</div></li></ul></div></div></div><div id='method-adjustBodyWidth' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Panel' rel='Ext.Panel' class='defined-in docClass'>Ext.Panel</a><br/><a href='source/Panel.html#Ext-Panel-method-adjustBodyWidth' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Panel-method-adjustBodyWidth' class='name expandable'>adjustBodyWidth</a>( <span class='pre'>w</span> )<strong class='private signature' >private</strong></div><div class='description'><div class='short'>private ...</div><div class='long'><p>private</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>w</span> : Object<div class='sub-desc'>\n</div></li></ul></div></div></div><div id='method-adjustPosition' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.BoxComponent' rel='Ext.BoxComponent' class='defined-in docClass'>Ext.BoxComponent</a><br/><a href='source/BoxComponent.html#Ext-BoxComponent-method-adjustPosition' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.BoxComponent-method-adjustPosition' class='name expandable'>adjustPosition</a>( <span class='pre'>x, y</span> )<strong class='private signature' >private</strong></div><div class='description'><div class='short'>private ...</div><div class='long'><p>private</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>x</span> : Object<div class='sub-desc'>\n</div></li><li><span class='pre'>y</span> : Object<div class='sub-desc'>\n</div></li></ul></div></div></div><div id='method-adjustSize' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.BoxComponent' rel='Ext.BoxComponent' class='defined-in docClass'>Ext.BoxComponent</a><br/><a href='source/BoxComponent.html#Ext-BoxComponent-method-adjustSize' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.BoxComponent-method-adjustSize' class='name expandable'>adjustSize</a>( <span class='pre'>w, h</span> )<strong class='private signature' >private</strong></div><div class='description'><div class='short'>private ...</div><div class='long'><p>private</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>w</span> : Object<div class='sub-desc'>\n</div></li><li><span class='pre'>h</span> : Object<div class='sub-desc'>\n</div></li></ul></div></div></div><div id='method-afterCollapse' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Panel' rel='Ext.Panel' class='defined-in docClass'>Ext.Panel</a><br/><a href='source/Panel.html#Ext-Panel-method-afterCollapse' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Panel-method-afterCollapse' class='name expandable'>afterCollapse</a>( <span class='pre'>anim</span> )<strong class='private signature' >private</strong></div><div class='description'><div class='short'>private ...</div><div class='long'><p>private</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>anim</span> : Object<div class='sub-desc'>\n</div></li></ul></div></div></div><div id='method-afterEffect' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Panel' rel='Ext.Panel' class='defined-in docClass'>Ext.Panel</a><br/><a href='source/Panel.html#Ext-Panel-method-afterEffect' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Panel-method-afterEffect' class='name expandable'>afterEffect</a>( <span class='pre'>anim</span> )<strong class='private signature' >private</strong></div><div class='description'><div class='short'>private ...</div><div class='long'><p>private</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>anim</span> : Object<div class='sub-desc'>\n</div></li></ul></div></div></div><div id='method-afterExpand' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Panel' rel='Ext.Panel' class='defined-in docClass'>Ext.Panel</a><br/><a href='source/Panel.html#Ext-Panel-method-afterExpand' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Panel-method-afterExpand' class='name expandable'>afterExpand</a>( <span class='pre'>anim</span> )<strong class='private signature' >private</strong></div><div class='description'><div class='short'>private ...</div><div class='long'><p>private</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>anim</span> : Object<div class='sub-desc'>\n</div></li></ul></div></div></div><div id='method-afterRender' class='member not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Ext.grid.GridPanel'>Ext.grid.GridPanel</span><br/><a href='source/GridPanel.html#Ext-grid-GridPanel-method-afterRender' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.grid.GridPanel-method-afterRender' class='name expandable'>afterRender</a>( <span class='pre'></span> )<strong class='private signature' >private</strong></div><div class='description'><div class='short'>private ...</div><div class='long'><p>private</p>\n<p>Overrides: <a href='#!/api/Ext.Panel-method-afterRender' rel='Ext.Panel-method-afterRender' class='docClass'>Ext.Panel.afterRender</a></p></div></div></div><div id='method-applyDefaults' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Container' rel='Ext.Container' class='defined-in docClass'>Ext.Container</a><br/><a href='source/Container.html#Ext-Container-method-applyDefaults' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Container-method-applyDefaults' class='name expandable'>applyDefaults</a>( <span class='pre'>c</span> )<strong class='private signature' >private</strong></div><div class='description'><div class='short'>private ...</div><div class='long'><p>private</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>c</span> : Object<div class='sub-desc'>\n</div></li></ul></div></div></div><div id='method-applyState' class='member not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Ext.grid.GridPanel'>Ext.grid.GridPanel</span><br/><a href='source/GridPanel.html#Ext-grid-GridPanel-method-applyState' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.grid.GridPanel-method-applyState' class='name expandable'>applyState</a>( <span class='pre'>state</span> )<strong class='private signature' >private</strong></div><div class='description'><div class='short'> ...</div><div class='long'>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>state</span> : Object<div class='sub-desc'>\n</div></li></ul></div></div></div><div id='method-beforeDestroy' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Panel' rel='Ext.Panel' class='defined-in docClass'>Ext.Panel</a><br/><a href='source/Panel.html#Ext-Panel-method-beforeDestroy' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Panel-method-beforeDestroy' class='name expandable'>beforeDestroy</a>( <span class='pre'></span> )<strong class='private signature' >private</strong></div><div class='description'><div class='short'>private ...</div><div class='long'><p>private</p>\n<p>Overrides: <a href='#!/api/Ext.Container-method-beforeDestroy' rel='Ext.Container-method-beforeDestroy' class='docClass'>Ext.Container.beforeDestroy</a></p></div></div></div><div id='method-beforeEffect' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Panel' rel='Ext.Panel' class='defined-in docClass'>Ext.Panel</a><br/><a href='source/Panel.html#Ext-Panel-method-beforeEffect' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Panel-method-beforeEffect' class='name expandable'>beforeEffect</a>( <span class='pre'>anim</span> )<strong class='private signature' >private</strong></div><div class='description'><div class='short'>private ...</div><div class='long'><p>private</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>anim</span> : Object<div class='sub-desc'>\n</div></li></ul></div></div></div><div id='method-bubble' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Component' rel='Ext.Component' class='defined-in docClass'>Ext.Component</a><br/><a href='source/Component.html#Ext-Component-method-bubble' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Component-method-bubble' class='name expandable'>bubble</a>( <span class='pre'>fn, [scope], [args]</span> ) : <a href=\"#!/api/Ext.Component\" rel=\"Ext.Component\" class=\"docClass\">Ext.Component</a><strong class='chainable signature' >chainable</strong></div><div class='description'><div class='short'>Bubbles up the component/container heirarchy, calling the specified function with each component. ...</div><div class='long'><p>Bubbles up the component/container heirarchy, calling the specified function with each component. The scope (<i>this</i>) of\nfunction call will be the scope provided or the current component. The arguments to the function\nwill be the args provided or the current component. If the function returns false at any point,\nthe bubble is stopped.</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>fn</span> : <a href=\"#!/api/Function\" rel=\"Function\" class=\"docClass\">Function</a><div class='sub-desc'><p>The function to call</p>\n</div></li><li><span class='pre'>scope</span> : Object (optional)<div class='sub-desc'><p>The scope of the function (defaults to current node)</p>\n</div></li><li><span class='pre'>args</span> : <a href=\"#!/api/Array\" rel=\"Array\" class=\"docClass\">Array</a> (optional)<div class='sub-desc'><p>The args to call the function with (default to passing the current component)</p>\n</div></li></ul><h3 class='pa'>Returns</h3><ul><li><span class='pre'><a href=\"#!/api/Ext.Component\" rel=\"Ext.Component\" class=\"docClass\">Ext.Component</a></span><div class='sub-desc'><p>this</p>\n</div></li></ul></div></div></div><div id='method-canLayout' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Container' rel='Ext.Container' class='defined-in docClass'>Ext.Container</a><br/><a href='source/Container.html#Ext-Container-method-canLayout' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Container-method-canLayout' class='name expandable'>canLayout</a>( <span class='pre'></span> )<strong class='private signature' >private</strong></div><div class='description'><div class='short'>We can only lay out if there is a view area in which to layout. ...</div><div class='long'><p>We can only lay out if there is a view area in which to layout.\ndisplay:none on the layout target, <em>or any of its parent elements</em> will mean it has no view area.</p>\n</div></div></div><div id='method-cloneConfig' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Component' rel='Ext.Component' class='defined-in docClass'>Ext.Component</a><br/><a href='source/Component.html#Ext-Component-method-cloneConfig' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Component-method-cloneConfig' class='name expandable'>cloneConfig</a>( <span class='pre'>overrides</span> ) : <a href=\"#!/api/Ext.Component\" rel=\"Ext.Component\" class=\"docClass\">Ext.Component</a></div><div class='description'><div class='short'>Clone the current component using the original config values passed into this instance by default. ...</div><div class='long'><p>Clone the current component using the original config values passed into this instance by default.</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>overrides</span> : Object<div class='sub-desc'><p>A new config containing any properties to override in the cloned version.\nAn id property can be passed on this object, otherwise one will be generated to avoid duplicates.</p>\n</div></li></ul><h3 class='pa'>Returns</h3><ul><li><span class='pre'><a href=\"#!/api/Ext.Component\" rel=\"Ext.Component\" class=\"docClass\">Ext.Component</a></span><div class='sub-desc'><p>clone The cloned copy of this component</p>\n</div></li></ul></div></div></div><div id='method-collapse' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Panel' rel='Ext.Panel' class='defined-in docClass'>Ext.Panel</a><br/><a href='source/Panel.html#Ext-Panel-method-collapse' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Panel-method-collapse' class='name expandable'>collapse</a>( <span class='pre'>animate</span> ) : <a href=\"#!/api/Ext.Panel\" rel=\"Ext.Panel\" class=\"docClass\">Ext.Panel</a><strong class='chainable signature' >chainable</strong></div><div class='description'><div class='short'>Collapses the panel body so that it becomes hidden. ...</div><div class='long'><p>Collapses the panel body so that it becomes hidden. Fires the <a href=\"#!/api/Ext.Panel-event-beforecollapse\" rel=\"Ext.Panel-event-beforecollapse\" class=\"docClass\">beforecollapse</a> event which will\ncancel the collapse action if it returns false.</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>animate</span> : Boolean<div class='sub-desc'><p>True to animate the transition, else false (defaults to the value of the\n<a href=\"#!/api/Ext.Panel-cfg-animCollapse\" rel=\"Ext.Panel-cfg-animCollapse\" class=\"docClass\">animCollapse</a> panel config)</p>\n</div></li></ul><h3 class='pa'>Returns</h3><ul><li><span class='pre'><a href=\"#!/api/Ext.Panel\" rel=\"Ext.Panel\" class=\"docClass\">Ext.Panel</a></span><div class='sub-desc'><p>this</p>\n</div></li></ul></div></div></div><div id='method-createClasses' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Panel' rel='Ext.Panel' class='defined-in docClass'>Ext.Panel</a><br/><a href='source/Panel.html#Ext-Panel-method-createClasses' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Panel-method-createClasses' class='name expandable'>createClasses</a>( <span class='pre'></span> )<strong class='private signature' >private</strong></div><div class='description'><div class='short'>private ...</div><div class='long'><p>private</p>\n</div></div></div><div id='method-createComponent' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Container' rel='Ext.Container' class='defined-in docClass'>Ext.Container</a><br/><a href='source/Container.html#Ext-Container-method-createComponent' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Container-method-createComponent' class='name expandable'>createComponent</a>( <span class='pre'>config, defaultType</span> )<strong class='private signature' >private</strong></div><div class='description'><div class='short'>private ...</div><div class='long'><p>private</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>config</span> : Object<div class='sub-desc'>\n</div></li><li><span class='pre'>defaultType</span> : Object<div class='sub-desc'>\n</div></li></ul></div></div></div><div id='method-createEffect' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Panel' rel='Ext.Panel' class='defined-in docClass'>Ext.Panel</a><br/><a href='source/Panel.html#Ext-Panel-method-createEffect' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Panel-method-createEffect' class='name expandable'>createEffect</a>( <span class='pre'>a, cb, scope</span> )<strong class='private signature' >private</strong></div><div class='description'><div class='short'>private - wraps up an animation param with internal callbacks ...</div><div class='long'><p>private - wraps up an animation param with internal callbacks</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>a</span> : Object<div class='sub-desc'>\n</div></li><li><span class='pre'>cb</span> : Object<div class='sub-desc'>\n</div></li><li><span class='pre'>scope</span> : Object<div class='sub-desc'>\n</div></li></ul></div></div></div><div id='method-createElement' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Panel' rel='Ext.Panel' class='defined-in docClass'>Ext.Panel</a><br/><a href='source/Panel.html#Ext-Panel-method-createElement' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Panel-method-createElement' class='name expandable'>createElement</a>( <span class='pre'>name, pnode</span> )<strong class='private signature' >private</strong></div><div class='description'><div class='short'>private ...</div><div class='long'><p>private</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>name</span> : Object<div class='sub-desc'>\n</div></li><li><span class='pre'>pnode</span> : Object<div class='sub-desc'>\n</div></li></ul></div></div></div><div id='method-createFbar' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Panel' rel='Ext.Panel' class='defined-in docClass'>Ext.Panel</a><br/><a href='source/Panel.html#Ext-Panel-method-createFbar' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Panel-method-createFbar' class='name expandable'>createFbar</a>( <span class='pre'>fbar</span> )<strong class='private signature' >private</strong></div><div class='description'><div class='short'>private ...</div><div class='long'><p>private</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>fbar</span> : Object<div class='sub-desc'>\n</div></li></ul></div></div></div><div id='method-createGhost' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Panel' rel='Ext.Panel' class='defined-in docClass'>Ext.Panel</a><br/><a href='source/Panel.html#Ext-Panel-method-createGhost' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Panel-method-createGhost' class='name expandable'>createGhost</a>( <span class='pre'>cls, useShim, appendTo</span> )<strong class='private signature' >private</strong></div><div class='description'><div class='short'>private ...</div><div class='long'><p>private</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>cls</span> : Object<div class='sub-desc'>\n</div></li><li><span class='pre'>useShim</span> : Object<div class='sub-desc'>\n</div></li><li><span class='pre'>appendTo</span> : Object<div class='sub-desc'>\n</div></li></ul></div></div></div><div id='method-createToolHandler' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Panel' rel='Ext.Panel' class='defined-in docClass'>Ext.Panel</a><br/><a href='source/Panel.html#Ext-Panel-method-createToolHandler' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Panel-method-createToolHandler' class='name expandable'>createToolHandler</a>( <span class='pre'>t, tc, overCls, panel</span> )<strong class='private signature' >private</strong></div><div class='description'><div class='short'>private ...</div><div class='long'><p>private</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>t</span> : Object<div class='sub-desc'>\n</div></li><li><span class='pre'>tc</span> : Object<div class='sub-desc'>\n</div></li><li><span class='pre'>overCls</span> : Object<div class='sub-desc'>\n</div></li><li><span class='pre'>panel</span> : Object<div class='sub-desc'>\n</div></li></ul></div></div></div><div id='method-createToolbar' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Panel' rel='Ext.Panel' class='defined-in docClass'>Ext.Panel</a><br/><a href='source/Panel.html#Ext-Panel-method-createToolbar' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Panel-method-createToolbar' class='name expandable'>createToolbar</a>( <span class='pre'>tb, options</span> )<strong class='private signature' >private</strong></div><div class='description'><div class='short'>private ...</div><div class='long'><p>private</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>tb</span> : Object<div class='sub-desc'>\n</div></li><li><span class='pre'>options</span> : Object<div class='sub-desc'>\n</div></li></ul></div></div></div><div id='method-destroy' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Component' rel='Ext.Component' class='defined-in docClass'>Ext.Component</a><br/><a href='source/Component.html#Ext-Component-method-destroy' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Component-method-destroy' class='name expandable'>destroy</a>( <span class='pre'></span> )</div><div class='description'><div class='short'>Destroys this component by purging any event listeners, removing the component's element from the DOM,\nremoving the c...</div><div class='long'><p>Destroys this component by purging any event listeners, removing the component's element from the DOM,\nremoving the component from its <a href=\"#!/api/Ext.Container\" rel=\"Ext.Container\" class=\"docClass\">Ext.Container</a> (if applicable) and unregistering it from\n<a href=\"#!/api/Ext.ComponentMgr\" rel=\"Ext.ComponentMgr\" class=\"docClass\">Ext.ComponentMgr</a>. Destruction is generally handled automatically by the framework and this method\nshould usually not need to be called directly.</p>\n</div></div></div><div id='method-doAutoLoad' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Panel' rel='Ext.Panel' class='defined-in docClass'>Ext.Panel</a><br/><a href='source/Panel.html#Ext-Panel-method-doAutoLoad' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Panel-method-doAutoLoad' class='name expandable'>doAutoLoad</a>( <span class='pre'></span> )<strong class='private signature' >private</strong></div><div class='description'><div class='short'>private ...</div><div class='long'><p>private</p>\n</div></div></div><div id='method-doRemove' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Container' rel='Ext.Container' class='defined-in docClass'>Ext.Container</a><br/><a href='source/Container.html#Ext-Container-method-doRemove' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Container-method-doRemove' class='name expandable'>doRemove</a>( <span class='pre'>c, autoDestroy</span> )<strong class='private signature' >private</strong></div><div class='description'><div class='short'>private ...</div><div class='long'><p>private</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>c</span> : Object<div class='sub-desc'>\n</div></li><li><span class='pre'>autoDestroy</span> : Object<div class='sub-desc'>\n</div></li></ul></div></div></div><div id='method-enableBubble' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.util.Observable' rel='Ext.util.Observable' class='defined-in docClass'>Ext.util.Observable</a><br/><a href='source/Observable-more.html#Ext-util-Observable-method-enableBubble' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.util.Observable-method-enableBubble' class='name expandable'>enableBubble</a>( <span class='pre'>events</span> )</div><div class='description'><div class='short'>Enables events fired by this Observable to bubble up an owner hierarchy by calling\nthis.getBubbleTarget() if present. ...</div><div class='long'><p>Enables events fired by this Observable to bubble up an owner hierarchy by calling\n<code>this.getBubbleTarget()</code> if present. There is no implementation in the Observable base class.</p>\n\n\n<p>This is commonly used by Ext.Components to bubble events to owner Containers. See Ext.Component.getBubbleTarget. The default\nimplementation in <a href=\"#!/api/Ext.Component\" rel=\"Ext.Component\" class=\"docClass\">Ext.Component</a> returns the Component's immediate owner. But if a known target is required, this can be overridden to\naccess the required target more quickly.</p>\n\n\n<p>Example:</p>\n\n\n<pre><code><a href=\"#!/api/Ext-method-override\" rel=\"Ext-method-override\" class=\"docClass\">Ext.override</a>(<a href=\"#!/api/Ext.form.Field\" rel=\"Ext.form.Field\" class=\"docClass\">Ext.form.Field</a>, {\n // Add functionality to Field&#39;s initComponent to enable the change event to bubble\n initComponent : Ext.form.Field.prototype.initComponent.createSequence(function() {\n this.enableBubble('change');\n }),\n\n // We know that we want Field&#39;s events to bubble directly to the FormPanel.\n getBubbleTarget : function() {\n if (!this.formPanel) {\n this.formPanel = this.findParentByType('form');\n }\n return this.formPanel;\n }\n});\n\nvar myForm = new Ext.formPanel({\n title: 'User Details',\n items: [{\n ...\n }],\n listeners: {\n change: function() {\n // Title goes red if form has been modified.\n myForm.header.setStyle('color', 'red');\n }\n }\n});\n</code></pre>\n\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>events</span> : <a href=\"#!/api/String\" rel=\"String\" class=\"docClass\">String</a>/<a href=\"#!/api/Array\" rel=\"Array\" class=\"docClass\">Array</a><div class='sub-desc'><p>The event name to bubble, or an Array of event names.</p>\n</div></li></ul></div></div></div><div id='method-expand' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Panel' rel='Ext.Panel' class='defined-in docClass'>Ext.Panel</a><br/><a href='source/Panel.html#Ext-Panel-method-expand' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Panel-method-expand' class='name expandable'>expand</a>( <span class='pre'>animate</span> ) : <a href=\"#!/api/Ext.Panel\" rel=\"Ext.Panel\" class=\"docClass\">Ext.Panel</a><strong class='chainable signature' >chainable</strong></div><div class='description'><div class='short'>Expands the panel body so that it becomes visible. ...</div><div class='long'><p>Expands the panel body so that it becomes visible. Fires the <a href=\"#!/api/Ext.Panel-event-beforeexpand\" rel=\"Ext.Panel-event-beforeexpand\" class=\"docClass\">beforeexpand</a> event which will\ncancel the expand action if it returns false.</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>animate</span> : Boolean<div class='sub-desc'><p>True to animate the transition, else false (defaults to the value of the\n<a href=\"#!/api/Ext.Panel-cfg-animCollapse\" rel=\"Ext.Panel-cfg-animCollapse\" class=\"docClass\">animCollapse</a> panel config)</p>\n</div></li></ul><h3 class='pa'>Returns</h3><ul><li><span class='pre'><a href=\"#!/api/Ext.Panel\" rel=\"Ext.Panel\" class=\"docClass\">Ext.Panel</a></span><div class='sub-desc'><p>this</p>\n</div></li></ul></div></div></div><div id='method-findParentBy' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Component' rel='Ext.Component' class='defined-in docClass'>Ext.Component</a><br/><a href='source/Component.html#Ext-Component-method-findParentBy' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Component-method-findParentBy' class='name expandable'>findParentBy</a>( <span class='pre'>fn</span> ) : <a href=\"#!/api/Ext.Container\" rel=\"Ext.Container\" class=\"docClass\">Ext.Container</a></div><div class='description'><div class='short'>Find a container above this component at any level by a custom function. ...</div><div class='long'><p>Find a container above this component at any level by a custom function. If the passed function returns\ntrue, the container will be returned.</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>fn</span> : <a href=\"#!/api/Function\" rel=\"Function\" class=\"docClass\">Function</a><div class='sub-desc'><p>The custom function to call with the arguments (container, this component).</p>\n</div></li></ul><h3 class='pa'>Returns</h3><ul><li><span class='pre'><a href=\"#!/api/Ext.Container\" rel=\"Ext.Container\" class=\"docClass\">Ext.Container</a></span><div class='sub-desc'><p>The first Container for which the custom function returns true</p>\n</div></li></ul></div></div></div><div id='method-findParentByType' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Component' rel='Ext.Component' class='defined-in docClass'>Ext.Component</a><br/><a href='source/Component.html#Ext-Component-method-findParentByType' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Component-method-findParentByType' class='name expandable'>findParentByType</a>( <span class='pre'>xtype, [shallow]</span> ) : <a href=\"#!/api/Ext.Container\" rel=\"Ext.Container\" class=\"docClass\">Ext.Container</a></div><div class='description'><div class='short'>Find a container above this component at any level by xtype or class ...</div><div class='long'><p>Find a container above this component at any level by xtype or class</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>xtype</span> : String/Ext.Component/Class<div class='sub-desc'><p>The xtype to check for this Component. Note that the the component can either be an instance\nor a component class:</p>\n</div></li><li><span class='pre'>shallow</span> : Boolean (optional)<div class='sub-desc'><p>False to check whether this Component is descended from the xtype (this is\nthe default), or true to check whether this Component is directly of the specified xtype.</p>\n</div></li></ul><h3 class='pa'>Returns</h3><ul><li><span class='pre'><a href=\"#!/api/Ext.Container\" rel=\"Ext.Container\" class=\"docClass\">Ext.Container</a></span><div class='sub-desc'><p>The first Container which matches the given xtype or class</p>\n</div></li></ul></div></div></div><div id='method-fireEvent' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.util.Observable' rel='Ext.util.Observable' class='defined-in docClass'>Ext.util.Observable</a><br/><a href='source/Observable.html#Ext-util-Observable-method-fireEvent' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.util.Observable-method-fireEvent' class='name expandable'>fireEvent</a>( <span class='pre'>eventName, args</span> ) : Boolean</div><div class='description'><div class='short'>Fires the specified event with the passed parameters (minus the event name). ...</div><div class='long'><p>Fires the specified event with the passed parameters (minus the event name).</p>\n\n\n<p>An event may be set to bubble up an Observable parent hierarchy (See <a href=\"#!/api/Ext.Component-method-getBubbleTarget\" rel=\"Ext.Component-method-getBubbleTarget\" class=\"docClass\">Ext.Component.getBubbleTarget</a>)\nby calling <a href=\"#!/api/Ext.util.Observable-method-enableBubble\" rel=\"Ext.util.Observable-method-enableBubble\" class=\"docClass\">enableBubble</a>.</p>\n\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>eventName</span> : <a href=\"#!/api/String\" rel=\"String\" class=\"docClass\">String</a><div class='sub-desc'><p>The name of the event to fire.</p>\n</div></li><li><span class='pre'>args</span> : Object...<div class='sub-desc'><p>Variable number of parameters are passed to handlers.</p>\n</div></li></ul><h3 class='pa'>Returns</h3><ul><li><span class='pre'>Boolean</span><div class='sub-desc'><p>returns false if any of the handlers return false otherwise it returns true.</p>\n</div></li></ul></div></div></div><div id='method-focus' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Component' rel='Ext.Component' class='defined-in docClass'>Ext.Component</a><br/><a href='source/Component.html#Ext-Component-method-focus' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Component-method-focus' class='name expandable'>focus</a>( <span class='pre'>[selectText], [delay]</span> ) : <a href=\"#!/api/Ext.Component\" rel=\"Ext.Component\" class=\"docClass\">Ext.Component</a><strong class='chainable signature' >chainable</strong></div><div class='description'><div class='short'>Try to focus this component. ...</div><div class='long'><p>Try to focus this component.</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>selectText</span> : Boolean (optional)<div class='sub-desc'><p>If applicable, true to also select the text in this component</p>\n</div></li><li><span class='pre'>delay</span> : Boolean/<a href=\"#!/api/Number\" rel=\"Number\" class=\"docClass\">Number</a> (optional)<div class='sub-desc'><p>Delay the focus this number of milliseconds (true for 10 milliseconds)</p>\n</div></li></ul><h3 class='pa'>Returns</h3><ul><li><span class='pre'><a href=\"#!/api/Ext.Component\" rel=\"Ext.Component\" class=\"docClass\">Ext.Component</a></span><div class='sub-desc'><p>this</p>\n</div></li></ul></div></div></div><div id='method-get' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Container' rel='Ext.Container' class='defined-in docClass'>Ext.Container</a><br/><a href='source/Container.html#Ext-Container-method-get' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Container-method-get' class='name expandable'>get</a>( <span class='pre'>key</span> ) : <a href=\"#!/api/Ext.Component\" rel=\"Ext.Component\" class=\"docClass\">Ext.Component</a><strong class='deprecated signature' >deprecated</strong></div><div class='description'><div class='short'>Get a component contained by this container (alias for items.get(key)) ...</div><div class='long'><p>Get a component contained by this container (alias for items.get(key))</p>\n <div class='signature-box deprecated'>\n <p>This method has been <strong>deprecated</strong> </p>\n <p>Should be removed in 4.0, since getComponent does the same thing.</p>\n\n </div>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>key</span> : <a href=\"#!/api/String\" rel=\"String\" class=\"docClass\">String</a>/<a href=\"#!/api/Number\" rel=\"Number\" class=\"docClass\">Number</a><div class='sub-desc'><p>The index or id of the component</p>\n</div></li></ul><h3 class='pa'>Returns</h3><ul><li><span class='pre'><a href=\"#!/api/Ext.Component\" rel=\"Ext.Component\" class=\"docClass\">Ext.Component</a></span><div class='sub-desc'><p><a href=\"#!/api/Ext.Component\" rel=\"Ext.Component\" class=\"docClass\">Ext.Component</a></p>\n</div></li></ul></div></div></div><div id='method-getBottomToolbar' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Panel' rel='Ext.Panel' class='defined-in docClass'>Ext.Panel</a><br/><a href='source/Panel.html#Ext-Panel-method-getBottomToolbar' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Panel-method-getBottomToolbar' class='name expandable'>getBottomToolbar</a>( <span class='pre'></span> ) : <a href=\"#!/api/Ext.Toolbar\" rel=\"Ext.Toolbar\" class=\"docClass\">Ext.Toolbar</a></div><div class='description'><div class='short'>Returns the toolbar from the bottom (bbar) section of the panel. ...</div><div class='long'><p>Returns the <a href=\"#!/api/Ext.Toolbar\" rel=\"Ext.Toolbar\" class=\"docClass\">toolbar</a> from the bottom (<code><a href=\"#!/api/Ext.Panel-cfg-bbar\" rel=\"Ext.Panel-cfg-bbar\" class=\"docClass\">bbar</a></code>) section of the panel.</p>\n<h3 class='pa'>Returns</h3><ul><li><span class='pre'><a href=\"#!/api/Ext.Toolbar\" rel=\"Ext.Toolbar\" class=\"docClass\">Ext.Toolbar</a></span><div class='sub-desc'><p>The toolbar</p>\n</div></li></ul></div></div></div><div id='method-getBox' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.BoxComponent' rel='Ext.BoxComponent' class='defined-in docClass'>Ext.BoxComponent</a><br/><a href='source/BoxComponent.html#Ext-BoxComponent-method-getBox' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.BoxComponent-method-getBox' class='name expandable'>getBox</a>( <span class='pre'>[local]</span> ) : Object</div><div class='description'><div class='short'>Gets the current box measurements of the component's underlying element. ...</div><div class='long'><p>Gets the current box measurements of the component's underlying element.</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>local</span> : Boolean (optional)<div class='sub-desc'><p>If true the element's left and top are returned instead of page XY (defaults to false)</p>\n</div></li></ul><h3 class='pa'>Returns</h3><ul><li><span class='pre'>Object</span><div class='sub-desc'><p>box An object in the format {x, y, width, height}</p>\n</div></li></ul></div></div></div><div id='method-getBubbleTarget' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Component' rel='Ext.Component' class='defined-in docClass'>Ext.Component</a><br/><a href='source/Component.html#Ext-Component-method-getBubbleTarget' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Component-method-getBubbleTarget' class='name expandable'>getBubbleTarget</a>( <span class='pre'></span> ) : <a href=\"#!/api/Ext.Container\" rel=\"Ext.Container\" class=\"docClass\">Ext.Container</a></div><div class='description'><div class='short'>Provides the link for Observable's fireEvent method to bubble up the ownership hierarchy. ...</div><div class='long'><p>Provides the link for Observable's fireEvent method to bubble up the ownership hierarchy.</p>\n<h3 class='pa'>Returns</h3><ul><li><span class='pre'><a href=\"#!/api/Ext.Container\" rel=\"Ext.Container\" class=\"docClass\">Ext.Container</a></span><div class='sub-desc'><p>the Container which owns this Component.</p>\n</div></li></ul></div></div></div><div id='method-getColumnModel' class='member not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Ext.grid.GridPanel'>Ext.grid.GridPanel</span><br/><a href='source/GridPanel.html#Ext-grid-GridPanel-method-getColumnModel' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.grid.GridPanel-method-getColumnModel' class='name expandable'>getColumnModel</a>( <span class='pre'></span> ) : <a href=\"#!/api/Ext.grid.ColumnModel\" rel=\"Ext.grid.ColumnModel\" class=\"docClass\">Ext.grid.ColumnModel</a></div><div class='description'><div class='short'>Returns the grid's ColumnModel. ...</div><div class='long'><p>Returns the grid's ColumnModel.</p>\n<h3 class='pa'>Returns</h3><ul><li><span class='pre'><a href=\"#!/api/Ext.grid.ColumnModel\" rel=\"Ext.grid.ColumnModel\" class=\"docClass\">Ext.grid.ColumnModel</a></span><div class='sub-desc'><p>The column model</p>\n</div></li></ul></div></div></div><div id='method-getComponentId' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Container' rel='Ext.Container' class='defined-in docClass'>Ext.Container</a><br/><a href='source/Container.html#Ext-Container-method-getComponentId' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Container-method-getComponentId' class='name expandable'>getComponentId</a>( <span class='pre'>comp</span> )<strong class='private signature' >private</strong></div><div class='description'><div class='short'>private - used as the key lookup function for the items collection ...</div><div class='long'><p>private - used as the key lookup function for the items collection</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>comp</span> : Object<div class='sub-desc'>\n</div></li></ul></div></div></div><div id='method-getContentTarget' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Panel' rel='Ext.Panel' class='defined-in docClass'>Ext.Panel</a><br/><a href='source/Panel.html#Ext-Panel-method-getContentTarget' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Panel-method-getContentTarget' class='name expandable'>getContentTarget</a>( <span class='pre'></span> )<strong class='private signature' >private</strong></div><div class='description'><div class='short'>private ...</div><div class='long'><p>private</p>\n</div></div></div><div id='method-getDragDropText' class='member not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Ext.grid.GridPanel'>Ext.grid.GridPanel</span><br/><a href='source/GridPanel.html#Ext-grid-GridPanel-method-getDragDropText' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.grid.GridPanel-method-getDragDropText' class='name expandable'>getDragDropText</a>( <span class='pre'></span> ) : <a href=\"#!/api/String\" rel=\"String\" class=\"docClass\">String</a></div><div class='description'><div class='short'>Called to get grid's drag proxy text, by default returns this.ddText. ...</div><div class='long'><p>Called to get grid's drag proxy text, by default returns this.ddText.</p>\n<h3 class='pa'>Returns</h3><ul><li><span class='pre'><a href=\"#!/api/String\" rel=\"String\" class=\"docClass\">String</a></span><div class='sub-desc'><p>The text</p>\n</div></li></ul></div></div></div><div id='method-getEl' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Component' rel='Ext.Component' class='defined-in docClass'>Ext.Component</a><br/><a href='source/Component.html#Ext-Component-method-getEl' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Component-method-getEl' class='name expandable'>getEl</a>( <span class='pre'></span> ) : <a href=\"#!/api/Ext.Element\" rel=\"Ext.Element\" class=\"docClass\">Ext.Element</a></div><div class='description'><div class='short'>Returns the Ext.Element which encapsulates this Component. ...</div><div class='long'><p>Returns the <a href=\"#!/api/Ext.Element\" rel=\"Ext.Element\" class=\"docClass\">Ext.Element</a> which encapsulates this Component.</p>\n\n\n<p>This will <i>usually</i> be a &lt;DIV> element created by the class's onRender method, but\nthat may be overridden using the <a href=\"#!/api/Ext.Component-cfg-autoEl\" rel=\"Ext.Component-cfg-autoEl\" class=\"docClass\">autoEl</a> config.</p>\n\n\n<br><p><b>Note</b>: this element will not be available until this Component has been rendered.</p><br>\n\n\n<p>To add listeners for <b>DOM events</b> to this Component (as opposed to listeners\nfor this Component's own Observable events), see the <a href=\"#!/api/Ext.Component-cfg-listeners\" rel=\"Ext.Component-cfg-listeners\" class=\"docClass\">listeners</a> config for a suggestion,\nor use a render listener directly:</p>\n\n\n<pre><code>new <a href=\"#!/api/Ext.Panel\" rel=\"Ext.Panel\" class=\"docClass\">Ext.Panel</a>({\n title: 'The Clickable Panel',\n listeners: {\n render: function(p) {\n // Append the Panel to the click handler&#39;s argument list.\n p.getEl().on('click', handlePanelClick.createDelegate(null, [p], true));\n },\n single: true // Remove the listener after first invocation\n }\n});\n</code></pre>\n\n<h3 class='pa'>Returns</h3><ul><li><span class='pre'><a href=\"#!/api/Ext.Element\" rel=\"Ext.Element\" class=\"docClass\">Ext.Element</a></span><div class='sub-desc'><p>The Element which encapsulates this Component.</p>\n</div></li></ul></div></div></div><div id='method-getFooterToolbar' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Panel' rel='Ext.Panel' class='defined-in docClass'>Ext.Panel</a><br/><a href='source/Panel.html#Ext-Panel-method-getFooterToolbar' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Panel-method-getFooterToolbar' class='name expandable'>getFooterToolbar</a>( <span class='pre'></span> ) : <a href=\"#!/api/Ext.Toolbar\" rel=\"Ext.Toolbar\" class=\"docClass\">Ext.Toolbar</a></div><div class='description'><div class='short'>Returns the toolbar from the footer (fbar) section of the panel. ...</div><div class='long'><p>Returns the <a href=\"#!/api/Ext.Toolbar\" rel=\"Ext.Toolbar\" class=\"docClass\">toolbar</a> from the footer (<code><a href=\"#!/api/Ext.Panel-cfg-fbar\" rel=\"Ext.Panel-cfg-fbar\" class=\"docClass\">fbar</a></code>) section of the panel.</p>\n<h3 class='pa'>Returns</h3><ul><li><span class='pre'><a href=\"#!/api/Ext.Toolbar\" rel=\"Ext.Toolbar\" class=\"docClass\">Ext.Toolbar</a></span><div class='sub-desc'><p>The toolbar</p>\n</div></li></ul></div></div></div><div id='method-getFrameHeight' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Panel' rel='Ext.Panel' class='defined-in docClass'>Ext.Panel</a><br/><a href='source/Panel.html#Ext-Panel-method-getFrameHeight' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Panel-method-getFrameHeight' class='name expandable'>getFrameHeight</a>( <span class='pre'></span> ) : <a href=\"#!/api/Number\" rel=\"Number\" class=\"docClass\">Number</a></div><div class='description'><div class='short'>Returns the height in pixels of the framing elements of this panel (including any top and bottom bars and\nheader and ...</div><div class='long'><p>Returns the height in pixels of the framing elements of this panel (including any top and bottom bars and\nheader and footer elements, but not including the body height). To retrieve the body height see <a href=\"#!/api/Ext.Panel-method-getInnerHeight\" rel=\"Ext.Panel-method-getInnerHeight\" class=\"docClass\">getInnerHeight</a>.</p>\n<h3 class='pa'>Returns</h3><ul><li><span class='pre'><a href=\"#!/api/Number\" rel=\"Number\" class=\"docClass\">Number</a></span><div class='sub-desc'><p>The frame height</p>\n</div></li></ul></div></div></div><div id='method-getFrameWidth' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Panel' rel='Ext.Panel' class='defined-in docClass'>Ext.Panel</a><br/><a href='source/Panel.html#Ext-Panel-method-getFrameWidth' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Panel-method-getFrameWidth' class='name expandable'>getFrameWidth</a>( <span class='pre'></span> ) : <a href=\"#!/api/Number\" rel=\"Number\" class=\"docClass\">Number</a></div><div class='description'><div class='short'>Returns the width in pixels of the framing elements of this panel (not including the body width). ...</div><div class='long'><p>Returns the width in pixels of the framing elements of this panel (not including the body width). To\nretrieve the body width see <a href=\"#!/api/Ext.Panel-method-getInnerWidth\" rel=\"Ext.Panel-method-getInnerWidth\" class=\"docClass\">getInnerWidth</a>.</p>\n<h3 class='pa'>Returns</h3><ul><li><span class='pre'><a href=\"#!/api/Number\" rel=\"Number\" class=\"docClass\">Number</a></span><div class='sub-desc'><p>The frame width</p>\n</div></li></ul></div></div></div><div id='method-getGridEl' class='member not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Ext.grid.GridPanel'>Ext.grid.GridPanel</span><br/><a href='source/GridPanel.html#Ext-grid-GridPanel-method-getGridEl' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.grid.GridPanel-method-getGridEl' class='name expandable'>getGridEl</a>( <span class='pre'></span> ) : Element</div><div class='description'><div class='short'>Returns the grid's underlying element. ...</div><div class='long'><p>Returns the grid's underlying element.</p>\n<h3 class='pa'>Returns</h3><ul><li><span class='pre'>Element</span><div class='sub-desc'><p>The element</p>\n</div></li></ul></div></div></div><div id='method-getHeight' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.BoxComponent' rel='Ext.BoxComponent' class='defined-in docClass'>Ext.BoxComponent</a><br/><a href='source/BoxComponent.html#Ext-BoxComponent-method-getHeight' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.BoxComponent-method-getHeight' class='name expandable'>getHeight</a>( <span class='pre'></span> ) : <a href=\"#!/api/Number\" rel=\"Number\" class=\"docClass\">Number</a></div><div class='description'><div class='short'>Gets the current height of the component's underlying element. ...</div><div class='long'><p>Gets the current height of the component's underlying element.</p>\n<h3 class='pa'>Returns</h3><ul><li><span class='pre'><a href=\"#!/api/Number\" rel=\"Number\" class=\"docClass\">Number</a></span><div class='sub-desc'>\n</div></li></ul></div></div></div><div id='method-getId' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Component' rel='Ext.Component' class='defined-in docClass'>Ext.Component</a><br/><a href='source/Component.html#Ext-Component-method-getId' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Component-method-getId' class='name expandable'>getId</a>( <span class='pre'></span> ) : <a href=\"#!/api/String\" rel=\"String\" class=\"docClass\">String</a></div><div class='description'><div class='short'>Returns the id of this component or automatically generates and\nreturns an id if an id is not defined yet:\n\n'ext-comp...</div><div class='long'><p>Returns the <code>id</code> of this component or automatically generates and\nreturns an <code>id</code> if an <code>id</code> is not defined yet:</p>\n\n<pre><code>'ext-comp-' + (++<a href=\"#!/api/Ext.Component\" rel=\"Ext.Component\" class=\"docClass\">Ext.Component</a>.AUTO_ID)\n</code></pre>\n\n<h3 class='pa'>Returns</h3><ul><li><span class='pre'><a href=\"#!/api/String\" rel=\"String\" class=\"docClass\">String</a></span><div class='sub-desc'><p>id</p>\n</div></li></ul></div></div></div><div id='method-getInnerHeight' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Panel' rel='Ext.Panel' class='defined-in docClass'>Ext.Panel</a><br/><a href='source/Panel.html#Ext-Panel-method-getInnerHeight' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Panel-method-getInnerHeight' class='name expandable'>getInnerHeight</a>( <span class='pre'></span> ) : <a href=\"#!/api/Number\" rel=\"Number\" class=\"docClass\">Number</a></div><div class='description'><div class='short'>Returns the height in pixels of the body element (not including the height of any framing elements). ...</div><div class='long'><p>Returns the height in pixels of the body element (not including the height of any framing elements).\nFor the frame height see <a href=\"#!/api/Ext.Panel-method-getFrameHeight\" rel=\"Ext.Panel-method-getFrameHeight\" class=\"docClass\">getFrameHeight</a>.</p>\n<h3 class='pa'>Returns</h3><ul><li><span class='pre'><a href=\"#!/api/Number\" rel=\"Number\" class=\"docClass\">Number</a></span><div class='sub-desc'><p>The body height</p>\n</div></li></ul></div></div></div><div id='method-getInnerWidth' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Panel' rel='Ext.Panel' class='defined-in docClass'>Ext.Panel</a><br/><a href='source/Panel.html#Ext-Panel-method-getInnerWidth' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Panel-method-getInnerWidth' class='name expandable'>getInnerWidth</a>( <span class='pre'></span> ) : <a href=\"#!/api/Number\" rel=\"Number\" class=\"docClass\">Number</a></div><div class='description'><div class='short'>Returns the width in pixels of the body element (not including the width of any framing elements). ...</div><div class='long'><p>Returns the width in pixels of the body element (not including the width of any framing elements).\nFor the frame width see <a href=\"#!/api/Ext.Panel-method-getFrameWidth\" rel=\"Ext.Panel-method-getFrameWidth\" class=\"docClass\">getFrameWidth</a>.</p>\n<h3 class='pa'>Returns</h3><ul><li><span class='pre'><a href=\"#!/api/Number\" rel=\"Number\" class=\"docClass\">Number</a></span><div class='sub-desc'><p>The body width</p>\n</div></li></ul></div></div></div><div id='method-getItemId' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Component' rel='Ext.Component' class='defined-in docClass'>Ext.Component</a><br/><a href='source/Component.html#Ext-Component-method-getItemId' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Component-method-getItemId' class='name expandable'>getItemId</a>( <span class='pre'></span> ) : <a href=\"#!/api/String\" rel=\"String\" class=\"docClass\">String</a></div><div class='description'><div class='short'>Returns the itemId of this component. ...</div><div class='long'><p>Returns the <code><a href=\"#!/api/Ext.Component-cfg-itemId\" rel=\"Ext.Component-cfg-itemId\" class=\"docClass\">itemId</a></code> of this component. If an\n<code><a href=\"#!/api/Ext.Component-cfg-itemId\" rel=\"Ext.Component-cfg-itemId\" class=\"docClass\">itemId</a></code> was not assigned through configuration the\n<code>id</code> is returned using <code><a href=\"#!/api/Ext.Component-method-getId\" rel=\"Ext.Component-method-getId\" class=\"docClass\">getId</a></code>.</p>\n<h3 class='pa'>Returns</h3><ul><li><span class='pre'><a href=\"#!/api/String\" rel=\"String\" class=\"docClass\">String</a></span><div class='sub-desc'>\n</div></li></ul></div></div></div><div id='method-getKeyMap' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Panel' rel='Ext.Panel' class='defined-in docClass'>Ext.Panel</a><br/><a href='source/Panel.html#Ext-Panel-method-getKeyMap' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Panel-method-getKeyMap' class='name expandable'>getKeyMap</a>( <span class='pre'></span> )<strong class='private signature' >private</strong></div><div class='description'><div class='short'>private ...</div><div class='long'><p>private</p>\n</div></div></div><div id='method-getLayoutTarget' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Panel' rel='Ext.Panel' class='defined-in docClass'>Ext.Panel</a><br/><a href='source/Panel.html#Ext-Panel-method-getLayoutTarget' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Panel-method-getLayoutTarget' class='name expandable'>getLayoutTarget</a>( <span class='pre'></span> ) : <a href=\"#!/api/Ext.Element\" rel=\"Ext.Element\" class=\"docClass\">Ext.Element</a></div><div class='description'><div class='short'>private\n\nReturns the Element to be used to contain the child Components of this Container. ...</div><div class='long'><p>private</p>\n\n<p>Returns the Element to be used to contain the child Components of this Container.</p>\n\n\n<p>An implementation is provided which returns the Container's <a href=\"#!/api/Ext.Panel-method-getEl\" rel=\"Ext.Panel-method-getEl\" class=\"docClass\">Element</a>, but\nif there is a more complex structure to a Container, this may be overridden to return\nthe element into which the <a href=\"#!/api/Ext.Panel-cfg-layout\" rel=\"Ext.Panel-cfg-layout\" class=\"docClass\">layout</a> renders child Components.</p>\n\n<h3 class='pa'>Returns</h3><ul><li><span class='pre'><a href=\"#!/api/Ext.Element\" rel=\"Ext.Element\" class=\"docClass\">Ext.Element</a></span><div class='sub-desc'><p>The Element to render child Components into.</p>\n\n</div></li></ul><p>Overrides: <a href='#!/api/Ext.Container-method-getLayoutTarget' rel='Ext.Container-method-getLayoutTarget' class='docClass'>Ext.Container.getLayoutTarget</a></p></div></div></div><div id='method-getOuterSize' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.BoxComponent' rel='Ext.BoxComponent' class='defined-in docClass'>Ext.BoxComponent</a><br/><a href='source/BoxComponent.html#Ext-BoxComponent-method-getOuterSize' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.BoxComponent-method-getOuterSize' class='name expandable'>getOuterSize</a>( <span class='pre'></span> ) : Object</div><div class='description'><div class='short'>Gets the current size of the component's underlying element, including space taken by its margins. ...</div><div class='long'><p>Gets the current size of the component's underlying element, including space taken by its margins.</p>\n<h3 class='pa'>Returns</h3><ul><li><span class='pre'>Object</span><div class='sub-desc'><p>An object containing the element's size {width: (element width + left/right margins), height: (element height + top/bottom margins)}</p>\n</div></li></ul></div></div></div><div id='method-getPosition' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.BoxComponent' rel='Ext.BoxComponent' class='defined-in docClass'>Ext.BoxComponent</a><br/><a href='source/BoxComponent.html#Ext-BoxComponent-method-getPosition' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.BoxComponent-method-getPosition' class='name expandable'>getPosition</a>( <span class='pre'>[local]</span> ) : <a href=\"#!/api/Array\" rel=\"Array\" class=\"docClass\">Array</a></div><div class='description'><div class='short'>Gets the current XY position of the component's underlying element. ...</div><div class='long'><p>Gets the current XY position of the component's underlying element.</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>local</span> : Boolean (optional)<div class='sub-desc'><p>If true the element's left and top are returned instead of page XY (defaults to false)</p>\n</div></li></ul><h3 class='pa'>Returns</h3><ul><li><span class='pre'><a href=\"#!/api/Array\" rel=\"Array\" class=\"docClass\">Array</a></span><div class='sub-desc'><p>The XY position of the element (e.g., [100, 200])</p>\n</div></li></ul></div></div></div><div id='method-getResizeEl' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.BoxComponent' rel='Ext.BoxComponent' class='defined-in docClass'>Ext.BoxComponent</a><br/><a href='source/BoxComponent.html#Ext-BoxComponent-method-getResizeEl' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.BoxComponent-method-getResizeEl' class='name expandable'>getResizeEl</a>( <span class='pre'></span> ) : <a href=\"#!/api/Ext.Element\" rel=\"Ext.Element\" class=\"docClass\">Ext.Element</a></div><div class='description'><div class='short'>Returns the outermost Element of this Component which defines the Components overall size. ...</div><div class='long'><p>Returns the outermost Element of this Component which defines the Components overall size.</p>\n\n\n<p><i>Usually</i> this will return the same Element as <code><a href=\"#!/api/Ext.BoxComponent-method-getEl\" rel=\"Ext.BoxComponent-method-getEl\" class=\"docClass\">getEl</a></code>,\nbut in some cases, a Component may have some more wrapping Elements around its main\nactive Element.</p>\n\n\n<p>An example is a ComboBox. It is encased in a <i>wrapping</i> Element which\ncontains both the <code>&lt;input></code> Element (which is what would be returned\nby its <code><a href=\"#!/api/Ext.BoxComponent-method-getEl\" rel=\"Ext.BoxComponent-method-getEl\" class=\"docClass\">getEl</a></code> method, <i>and</i> the trigger button Element.\nThis Element is returned as the <code>resizeEl</code>.\n\n</p><h3 class='pa'>Returns</h3><ul><li><span class='pre'><a href=\"#!/api/Ext.Element\" rel=\"Ext.Element\" class=\"docClass\">Ext.Element</a></span><div class='sub-desc'><p>The Element which is to be resized by size managing layouts.</p>\n</div></li></ul></div></div></div><div id='method-getSelectionModel' class='member not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Ext.grid.GridPanel'>Ext.grid.GridPanel</span><br/><a href='source/GridPanel.html#Ext-grid-GridPanel-method-getSelectionModel' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.grid.GridPanel-method-getSelectionModel' class='name expandable'>getSelectionModel</a>( <span class='pre'></span> ) : SelectionModel</div><div class='description'><div class='short'>Returns the grid's selection model configured by the selModel\nconfiguration option. ...</div><div class='long'><p>Returns the grid's selection model configured by the <code><a href=\"#!/api/Ext.grid.GridPanel-cfg-selModel\" rel=\"Ext.grid.GridPanel-cfg-selModel\" class=\"docClass\">selModel</a></code>\nconfiguration option. If no selection model was configured, this will create\nand return a <a href=\"#!/api/Ext.grid.RowSelectionModel\" rel=\"Ext.grid.RowSelectionModel\" class=\"docClass\">RowSelectionModel</a>.</p>\n<h3 class='pa'>Returns</h3><ul><li><span class='pre'>SelectionModel</span><div class='sub-desc'>\n</div></li></ul></div></div></div><div id='method-getSize' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.BoxComponent' rel='Ext.BoxComponent' class='defined-in docClass'>Ext.BoxComponent</a><br/><a href='source/BoxComponent.html#Ext-BoxComponent-method-getSize' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.BoxComponent-method-getSize' class='name expandable'>getSize</a>( <span class='pre'></span> ) : Object</div><div class='description'><div class='short'>Gets the current size of the component's underlying element. ...</div><div class='long'><p>Gets the current size of the component's underlying element.</p>\n<h3 class='pa'>Returns</h3><ul><li><span class='pre'>Object</span><div class='sub-desc'><p>An object containing the element's size {width: (element width), height: (element height)}</p>\n</div></li></ul></div></div></div><div id='method-getState' class='member not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Ext.grid.GridPanel'>Ext.grid.GridPanel</span><br/><a href='source/GridPanel.html#Ext-grid-GridPanel-method-getState' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.grid.GridPanel-method-getState' class='name expandable'>getState</a>( <span class='pre'></span> )<strong class='private signature' >private</strong></div><div class='description'><div class='short'> ...</div><div class='long'>\n</div></div></div><div id='method-getStore' class='member not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Ext.grid.GridPanel'>Ext.grid.GridPanel</span><br/><a href='source/GridPanel.html#Ext-grid-GridPanel-method-getStore' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.grid.GridPanel-method-getStore' class='name expandable'>getStore</a>( <span class='pre'></span> ) : <a href=\"#!/api/Ext.data.Store\" rel=\"Ext.data.Store\" class=\"docClass\">Ext.data.Store</a></div><div class='description'><div class='short'>Returns the grid's data store. ...</div><div class='long'><p>Returns the grid's data store.</p>\n<h3 class='pa'>Returns</h3><ul><li><span class='pre'><a href=\"#!/api/Ext.data.Store\" rel=\"Ext.data.Store\" class=\"docClass\">Ext.data.Store</a></span><div class='sub-desc'><p>The store</p>\n</div></li></ul></div></div></div><div id='method-getTool' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Panel' rel='Ext.Panel' class='defined-in docClass'>Ext.Panel</a><br/><a href='source/Panel.html#Ext-Panel-method-getTool' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Panel-method-getTool' class='name expandable'>getTool</a>( <span class='pre'>id</span> ) : Object</div><div class='description'><div class='short'>Retrieve a tool by id. ...</div><div class='long'><p>Retrieve a tool by id.</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>id</span> : <a href=\"#!/api/String\" rel=\"String\" class=\"docClass\">String</a><div class='sub-desc'>\n</div></li></ul><h3 class='pa'>Returns</h3><ul><li><span class='pre'>Object</span><div class='sub-desc'><p>tool</p>\n</div></li></ul></div></div></div><div id='method-getToolbarHeight' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Panel' rel='Ext.Panel' class='defined-in docClass'>Ext.Panel</a><br/><a href='source/Panel.html#Ext-Panel-method-getToolbarHeight' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Panel-method-getToolbarHeight' class='name expandable'>getToolbarHeight</a>( <span class='pre'></span> )<strong class='private signature' >private</strong></div><div class='description'><div class='short'>private ...</div><div class='long'><p>private</p>\n</div></div></div><div id='method-getTopToolbar' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Panel' rel='Ext.Panel' class='defined-in docClass'>Ext.Panel</a><br/><a href='source/Panel.html#Ext-Panel-method-getTopToolbar' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Panel-method-getTopToolbar' class='name expandable'>getTopToolbar</a>( <span class='pre'></span> ) : <a href=\"#!/api/Ext.Toolbar\" rel=\"Ext.Toolbar\" class=\"docClass\">Ext.Toolbar</a></div><div class='description'><div class='short'>Returns the toolbar from the top (tbar) section of the panel. ...</div><div class='long'><p>Returns the <a href=\"#!/api/Ext.Toolbar\" rel=\"Ext.Toolbar\" class=\"docClass\">toolbar</a> from the top (<code><a href=\"#!/api/Ext.Panel-cfg-tbar\" rel=\"Ext.Panel-cfg-tbar\" class=\"docClass\">tbar</a></code>) section of the panel.</p>\n<h3 class='pa'>Returns</h3><ul><li><span class='pre'><a href=\"#!/api/Ext.Toolbar\" rel=\"Ext.Toolbar\" class=\"docClass\">Ext.Toolbar</a></span><div class='sub-desc'><p>The toolbar</p>\n</div></li></ul></div></div></div><div id='method-getView' class='member not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Ext.grid.GridPanel'>Ext.grid.GridPanel</span><br/><a href='source/GridPanel.html#Ext-grid-GridPanel-method-getView' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.grid.GridPanel-method-getView' class='name expandable'>getView</a>( <span class='pre'></span> ) : <a href=\"#!/api/Ext.grid.GridView\" rel=\"Ext.grid.GridView\" class=\"docClass\">Ext.grid.GridView</a></div><div class='description'><div class='short'>Returns the grid's GridView object. ...</div><div class='long'><p>Returns the grid's GridView object.</p>\n<h3 class='pa'>Returns</h3><ul><li><span class='pre'><a href=\"#!/api/Ext.grid.GridView\" rel=\"Ext.grid.GridView\" class=\"docClass\">Ext.grid.GridView</a></span><div class='sub-desc'><p>The grid view</p>\n</div></li></ul></div></div></div><div id='method-getWidth' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.BoxComponent' rel='Ext.BoxComponent' class='defined-in docClass'>Ext.BoxComponent</a><br/><a href='source/BoxComponent.html#Ext-BoxComponent-method-getWidth' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.BoxComponent-method-getWidth' class='name expandable'>getWidth</a>( <span class='pre'></span> ) : <a href=\"#!/api/Number\" rel=\"Number\" class=\"docClass\">Number</a></div><div class='description'><div class='short'>Gets the current width of the component's underlying element. ...</div><div class='long'><p>Gets the current width of the component's underlying element.</p>\n<h3 class='pa'>Returns</h3><ul><li><span class='pre'><a href=\"#!/api/Number\" rel=\"Number\" class=\"docClass\">Number</a></span><div class='sub-desc'>\n</div></li></ul></div></div></div><div id='method-getXType' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Component' rel='Ext.Component' class='defined-in docClass'>Ext.Component</a><br/><a href='source/Component.html#Ext-Component-method-getXType' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Component-method-getXType' class='name expandable'>getXType</a>( <span class='pre'></span> ) : <a href=\"#!/api/String\" rel=\"String\" class=\"docClass\">String</a></div><div class='description'><div class='short'>Gets the xtype for this component as registered with Ext.ComponentMgr. ...</div><div class='long'><p>Gets the xtype for this component as registered with <a href=\"#!/api/Ext.ComponentMgr\" rel=\"Ext.ComponentMgr\" class=\"docClass\">Ext.ComponentMgr</a>. For a list of all\navailable xtypes, see the <a href=\"#!/api/Ext.Component\" rel=\"Ext.Component\" class=\"docClass\">Ext.Component</a> header. Example usage:</p>\n\n<pre><code>var t = new <a href=\"#!/api/Ext.form.TextField\" rel=\"Ext.form.TextField\" class=\"docClass\">Ext.form.TextField</a>();\nalert(t.getXType()); // alerts 'textfield'\n</code></pre>\n\n<h3 class='pa'>Returns</h3><ul><li><span class='pre'><a href=\"#!/api/String\" rel=\"String\" class=\"docClass\">String</a></span><div class='sub-desc'><p>The xtype</p>\n</div></li></ul></div></div></div><div id='method-getXTypes' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Component' rel='Ext.Component' class='defined-in docClass'>Ext.Component</a><br/><a href='source/Component.html#Ext-Component-method-getXTypes' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Component-method-getXTypes' class='name expandable'>getXTypes</a>( <span class='pre'></span> ) : <a href=\"#!/api/String\" rel=\"String\" class=\"docClass\">String</a></div><div class='description'><div class='short'>Returns this Component's xtype hierarchy as a slash-delimited string. ...</div><div class='long'><p>Returns this Component's xtype hierarchy as a slash-delimited string. For a list of all\navailable xtypes, see the <a href=\"#!/api/Ext.Component\" rel=\"Ext.Component\" class=\"docClass\">Ext.Component</a> header.</p>\n\n\n<p><b>If using your own subclasses, be aware that a Component must register its own xtype\nto participate in determination of inherited xtypes.</b></p>\n\n\n<p>Example usage:</p>\n\n\n<pre><code>var t = new <a href=\"#!/api/Ext.form.TextField\" rel=\"Ext.form.TextField\" class=\"docClass\">Ext.form.TextField</a>();\nalert(t.getXTypes()); // alerts 'component/box/field/textfield'\n</code></pre>\n\n<h3 class='pa'>Returns</h3><ul><li><span class='pre'><a href=\"#!/api/String\" rel=\"String\" class=\"docClass\">String</a></span><div class='sub-desc'><p>The xtype hierarchy string</p>\n</div></li></ul></div></div></div><div id='method-hasLayoutPending' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Container' rel='Ext.Container' class='defined-in docClass'>Ext.Container</a><br/><a href='source/Container.html#Ext-Container-method-hasLayoutPending' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Container-method-hasLayoutPending' class='name expandable'>hasLayoutPending</a>( <span class='pre'></span> )<strong class='private signature' >private</strong></div><div class='description'><div class='short'>private ...</div><div class='long'><p>private</p>\n</div></div></div><div id='method-hasListener' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.util.Observable' rel='Ext.util.Observable' class='defined-in docClass'>Ext.util.Observable</a><br/><a href='source/Observable.html#Ext-util-Observable-method-hasListener' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.util.Observable-method-hasListener' class='name expandable'>hasListener</a>( <span class='pre'>eventName</span> ) : Boolean</div><div class='description'><div class='short'>Checks to see if this object has any listeners for a specified event ...</div><div class='long'><p>Checks to see if this object has any listeners for a specified event</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>eventName</span> : <a href=\"#!/api/String\" rel=\"String\" class=\"docClass\">String</a><div class='sub-desc'><p>The name of the event to check for</p>\n</div></li></ul><h3 class='pa'>Returns</h3><ul><li><span class='pre'>Boolean</span><div class='sub-desc'><p>True if the event is being listened for, else false</p>\n</div></li></ul></div></div></div><div id='method-hide' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Component' rel='Ext.Component' class='defined-in docClass'>Ext.Component</a><br/><a href='source/Component.html#Ext-Component-method-hide' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Component-method-hide' class='name expandable'>hide</a>( <span class='pre'></span> ) : <a href=\"#!/api/Ext.Component\" rel=\"Ext.Component\" class=\"docClass\">Ext.Component</a><strong class='chainable signature' >chainable</strong></div><div class='description'><div class='short'>Hide this component. ...</div><div class='long'><p>Hide this component. Listen to the '<a href=\"#!/api/Ext.Component-event-beforehide\" rel=\"Ext.Component-event-beforehide\" class=\"docClass\">beforehide</a>' event and return\n<tt>false</tt> to cancel hiding the component. Fires the '<a href=\"#!/api/Ext.Component-method-hide\" rel=\"Ext.Component-method-hide\" class=\"docClass\">hide</a>'\nevent after hiding the component. Note this method is called internally if\nthe component is configured to be <code><a href=\"#!/api/Ext.Component-cfg-hidden\" rel=\"Ext.Component-cfg-hidden\" class=\"docClass\">hidden</a></code>.</p>\n<h3 class='pa'>Returns</h3><ul><li><span class='pre'><a href=\"#!/api/Ext.Component\" rel=\"Ext.Component\" class=\"docClass\">Ext.Component</a></span><div class='sub-desc'><p>this</p>\n</div></li></ul></div></div></div><div id='method-initComponent' class='member not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Ext.grid.GridPanel'>Ext.grid.GridPanel</span><br/><a href='source/GridPanel.html#Ext-grid-GridPanel-method-initComponent' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.grid.GridPanel-method-initComponent' class='name expandable'>initComponent</a>( <span class='pre'></span> )<strong class='private signature' >private</strong></div><div class='description'><div class='short'>private ...</div><div class='long'><p>private</p>\n<p>Overrides: <a href='#!/api/Ext.Panel-method-initComponent' rel='Ext.Panel-method-initComponent' class='docClass'>Ext.Panel.initComponent</a></p></div></div></div><div id='method-initDraggable' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Panel' rel='Ext.Panel' class='defined-in docClass'>Ext.Panel</a><br/><a href='source/Panel.html#Ext-Panel-method-initDraggable' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Panel-method-initDraggable' class='name expandable'>initDraggable</a>( <span class='pre'></span> )<strong class='private signature' >private</strong></div><div class='description'><div class='short'>private ...</div><div class='long'><p>private</p>\n</div></div></div><div id='method-initEvents' class='member not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Ext.grid.GridPanel'>Ext.grid.GridPanel</span><br/><a href='source/GridPanel.html#Ext-grid-GridPanel-method-initEvents' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.grid.GridPanel-method-initEvents' class='name expandable'>initEvents</a>( <span class='pre'></span> )<strong class='private signature' >private</strong></div><div class='description'><div class='short'>private ...</div><div class='long'><p>private</p>\n<p>Overrides: <a href='#!/api/Ext.Panel-method-initEvents' rel='Ext.Panel-method-initEvents' class='docClass'>Ext.Panel.initEvents</a></p></div></div></div><div id='method-initItems' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Container' rel='Ext.Container' class='defined-in docClass'>Ext.Container</a><br/><a href='source/Container.html#Ext-Container-method-initItems' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Container-method-initItems' class='name expandable'>initItems</a>( <span class='pre'></span> )<strong class='private signature' >private</strong></div><div class='description'><div class='short'>private ...</div><div class='long'><p>private</p>\n</div></div></div><div id='method-initRef' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Component' rel='Ext.Component' class='defined-in docClass'>Ext.Component</a><br/><a href='source/Component.html#Ext-Component-method-initRef' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Component-method-initRef' class='name expandable'>initRef</a>( <span class='pre'></span> )<strong class='private signature' >private</strong></div><div class='description'><div class='short'>Method to establish a reference to a component. ...</div><div class='long'><p>Method to establish a reference to a component.</p>\n</div></div></div><div id='method-initStateEvents' class='member not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Ext.grid.GridPanel'>Ext.grid.GridPanel</span><br/><a href='source/GridPanel.html#Ext-grid-GridPanel-method-initStateEvents' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.grid.GridPanel-method-initStateEvents' class='name expandable'>initStateEvents</a>( <span class='pre'></span> )<strong class='private signature' >private</strong></div><div class='description'><div class='short'> ...</div><div class='long'>\n</div></div></div><div id='method-isVisible' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Component' rel='Ext.Component' class='defined-in docClass'>Ext.Component</a><br/><a href='source/Component.html#Ext-Component-method-isVisible' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Component-method-isVisible' class='name expandable'>isVisible</a>( <span class='pre'></span> ) : Boolean</div><div class='description'><div class='short'>Returns true if this component is visible. ...</div><div class='long'><p>Returns true if this component is visible.</p>\n<h3 class='pa'>Returns</h3><ul><li><span class='pre'>Boolean</span><div class='sub-desc'><p>True if this component is visible, false otherwise.</p>\n</div></li></ul></div></div></div><div id='method-isXType' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Component' rel='Ext.Component' class='defined-in docClass'>Ext.Component</a><br/><a href='source/Component.html#Ext-Component-method-isXType' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Component-method-isXType' class='name expandable'>isXType</a>( <span class='pre'>xtype, [shallow]</span> ) : Boolean</div><div class='description'><div class='short'>Tests whether or not this Component is of a specific xtype. ...</div><div class='long'><p>Tests whether or not this Component is of a specific xtype. This can test whether this Component is descended\nfrom the xtype (default) or whether it is directly of the xtype specified (shallow = true).</p>\n\n\n<p><b>If using your own subclasses, be aware that a Component must register its own xtype\nto participate in determination of inherited xtypes.</b></p>\n\n\n<p>For a list of all available xtypes, see the <a href=\"#!/api/Ext.Component\" rel=\"Ext.Component\" class=\"docClass\">Ext.Component</a> header.</p>\n\n\n<p>Example usage:</p>\n\n\n<pre><code>var t = new <a href=\"#!/api/Ext.form.TextField\" rel=\"Ext.form.TextField\" class=\"docClass\">Ext.form.TextField</a>();\nvar isText = t.isXType('textfield'); // true\nvar isBoxSubclass = t.isXType('box'); // true, descended from BoxComponent\nvar isBoxInstance = t.isXType('box', true); // false, not a direct BoxComponent instance\n</code></pre>\n\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>xtype</span> : String/Ext.Component/Class<div class='sub-desc'><p>The xtype to check for this Component. Note that the the component can either be an instance\nor a component class:</p>\n\n<pre><code>var c = new <a href=\"#!/api/Ext.Component\" rel=\"Ext.Component\" class=\"docClass\">Ext.Component</a>();\nconsole.log(c.isXType(c));\nconsole.log(c.isXType(<a href=\"#!/api/Ext.Component\" rel=\"Ext.Component\" class=\"docClass\">Ext.Component</a>));\n</code></pre>\n\n</div></li><li><span class='pre'>shallow</span> : Boolean (optional)<div class='sub-desc'><p>False to check whether this Component is descended from the xtype (this is\nthe default), or true to check whether this Component is directly of the specified xtype.</p>\n</div></li></ul><h3 class='pa'>Returns</h3><ul><li><span class='pre'>Boolean</span><div class='sub-desc'><p>True if this component descends from the specified xtype, false otherwise.</p>\n</div></li></ul></div></div></div><div id='method-lookupComponent' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Container' rel='Ext.Container' class='defined-in docClass'>Ext.Container</a><br/><a href='source/Container.html#Ext-Container-method-lookupComponent' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Container-method-lookupComponent' class='name expandable'>lookupComponent</a>( <span class='pre'>comp</span> )<strong class='private signature' >private</strong></div><div class='description'><div class='short'>private ...</div><div class='long'><p>private</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>comp</span> : Object<div class='sub-desc'>\n</div></li></ul></div></div></div><div id='method-makeFloating' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Panel' rel='Ext.Panel' class='defined-in docClass'>Ext.Panel</a><br/><a href='source/Panel.html#Ext-Panel-method-makeFloating' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Panel-method-makeFloating' class='name expandable'>makeFloating</a>( <span class='pre'>cfg</span> )<strong class='private signature' >private</strong></div><div class='description'><div class='short'>private ...</div><div class='long'><p>private</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>cfg</span> : Object<div class='sub-desc'>\n</div></li></ul></div></div></div><div id='method-mon' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Component' rel='Ext.Component' class='defined-in docClass'>Ext.Component</a><br/><a href='source/Component.html#Ext-Component-method-mon' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Component-method-mon' class='name expandable'>mon</a>( <span class='pre'>item, ename, fn, scope, opt</span> )</div><div class='description'><div class='short'>Adds listeners to any Observable object (or Elements) which are automatically removed when this Component\nis destroyed. ...</div><div class='long'><p>Adds listeners to any Observable object (or Elements) which are automatically removed when this Component\nis destroyed. Usage:</p>\n\n\n<p><code></p>\n\n<pre>myGridPanel.mon(myGridPanel.getSelectionModel(), 'selectionchange', handleSelectionChange, null, {buffer: 50});\n</pre>\n\n\n<p></code></p>\n\n<p>or:</p>\n\n\n<p><code></p>\n\n<pre>myGridPanel.mon(myGridPanel.getSelectionModel(), {\n selectionchange: handleSelectionChange,\n buffer: 50\n});\n</pre>\n\n\n<p></code></p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>item</span> : Observable|Element<div class='sub-desc'><p>The item to which to add a listener/listeners.</p>\n</div></li><li><span class='pre'>ename</span> : Object|<a href=\"#!/api/String\" rel=\"String\" class=\"docClass\">String</a><div class='sub-desc'><p>The event name, or an object containing event name properties.</p>\n</div></li><li><span class='pre'>fn</span> : <a href=\"#!/api/Function\" rel=\"Function\" class=\"docClass\">Function</a><div class='sub-desc'><p>Optional. If the <code>ename</code> parameter was an event name, this\nis the handler function.</p>\n</div></li><li><span class='pre'>scope</span> : Object<div class='sub-desc'><p>Optional. If the <code>ename</code> parameter was an event name, this\nis the scope (<code>this</code> reference) in which the handler function is executed.</p>\n</div></li><li><span class='pre'>opt</span> : Object<div class='sub-desc'><p>Optional. If the <code>ename</code> parameter was an event name, this\nis the <a href=\"#!/api/Ext.util.Observable-method-addListener\" rel=\"Ext.util.Observable-method-addListener\" class=\"docClass\">addListener</a> options.</p>\n</div></li></ul></div></div></div><div id='method-mun' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Component' rel='Ext.Component' class='defined-in docClass'>Ext.Component</a><br/><a href='source/Component.html#Ext-Component-method-mun' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Component-method-mun' class='name expandable'>mun</a>( <span class='pre'>item, ename, fn, scope</span> )</div><div class='description'><div class='short'>Removes listeners that were added by the mon method. ...</div><div class='long'><p>Removes listeners that were added by the <a href=\"#!/api/Ext.Component-method-mon\" rel=\"Ext.Component-method-mon\" class=\"docClass\">mon</a> method.</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>item</span> : Observable|Element<div class='sub-desc'><p>The item from which to remove a listener/listeners.</p>\n</div></li><li><span class='pre'>ename</span> : Object|<a href=\"#!/api/String\" rel=\"String\" class=\"docClass\">String</a><div class='sub-desc'><p>The event name, or an object containing event name properties.</p>\n</div></li><li><span class='pre'>fn</span> : <a href=\"#!/api/Function\" rel=\"Function\" class=\"docClass\">Function</a><div class='sub-desc'><p>Optional. If the <code>ename</code> parameter was an event name, this\nis the handler function.</p>\n</div></li><li><span class='pre'>scope</span> : Object<div class='sub-desc'><p>Optional. If the <code>ename</code> parameter was an event name, this\nis the scope (<code>this</code> reference) in which the handler function is executed.</p>\n</div></li></ul></div></div></div><div id='method-nextSibling' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Component' rel='Ext.Component' class='defined-in docClass'>Ext.Component</a><br/><a href='source/Component.html#Ext-Component-method-nextSibling' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Component-method-nextSibling' class='name expandable'>nextSibling</a>( <span class='pre'></span> ) : Object</div><div class='description'><div class='short'>Returns the next component in the owning container ...</div><div class='long'><p>Returns the next component in the owning container</p>\n<h3 class='pa'>Returns</h3><ul><li><span class='pre'>Object</span><div class='sub-desc'><p><a href=\"#!/api/Ext.Component\" rel=\"Ext.Component\" class=\"docClass\">Ext.Component</a></p>\n</div></li></ul></div></div></div><div id='method-on' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.util.Observable' rel='Ext.util.Observable' class='defined-in docClass'>Ext.util.Observable</a><br/><a href='source/Observable.html#Ext-util-Observable-method-on' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.util.Observable-method-on' class='name expandable'>on</a>( <span class='pre'>eventName, handler, [scope], [options]</span> )</div><div class='description'><div class='short'>Appends an event handler to this object (shorthand for addListener.) ...</div><div class='long'><p>Appends an event handler to this object (shorthand for <a href=\"#!/api/Ext.util.Observable-method-addListener\" rel=\"Ext.util.Observable-method-addListener\" class=\"docClass\">addListener</a>.)</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>eventName</span> : <a href=\"#!/api/String\" rel=\"String\" class=\"docClass\">String</a><div class='sub-desc'><p>The type of event to listen for</p>\n</div></li><li><span class='pre'>handler</span> : <a href=\"#!/api/Function\" rel=\"Function\" class=\"docClass\">Function</a><div class='sub-desc'><p>The method the event invokes</p>\n</div></li><li><span class='pre'>scope</span> : Object (optional)<div class='sub-desc'><p>The scope (<code><b>this</b></code> reference) in which the handler function is executed.\n<b>If omitted, defaults to the object which fired the event.</b></p>\n</div></li><li><span class='pre'>options</span> : Object (optional)<div class='sub-desc'><p>An object containing handler configuration.</p>\n</div></li></ul></div></div></div><div id='method-onAdd' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Container' rel='Ext.Container' class='defined-in docClass'>Ext.Container</a><br/><a href='source/Container.html#Ext-Container-method-onAdd' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Container-method-onAdd' class='name expandable'>onAdd</a>( <span class='pre'>c</span> )<strong class='private signature' >private</strong></div><div class='description'><div class='short'> ...</div><div class='long'>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>c</span> : Object<div class='sub-desc'>\n</div></li></ul></div></div></div><div id='method-onAdded' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Container' rel='Ext.Container' class='defined-in docClass'>Ext.Container</a><br/><a href='source/Container.html#Ext-Container-method-onAdded' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Container-method-onAdded' class='name expandable'>onAdded</a>( <span class='pre'>container, pos</span> )<strong class='private signature' >private</strong></div><div class='description'><div class='short'>private\n\nMethod to manage awareness of when components are added to their\nrespective Container, firing an added event. ...</div><div class='long'><p>private</p>\n\n<p>Method to manage awareness of when components are added to their\nrespective Container, firing an added event.\nReferences are established at add time rather than at render time.</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>container</span> : <a href=\"#!/api/Ext.Container\" rel=\"Ext.Container\" class=\"docClass\">Ext.Container</a><div class='sub-desc'><p>Container which holds the component</p>\n</div></li><li><span class='pre'>pos</span> : <a href=\"#!/api/Number\" rel=\"Number\" class=\"docClass\">number</a><div class='sub-desc'><p>Position at which the component was added</p>\n</div></li></ul><p>Overrides: <a href='#!/api/Ext.Component-method-onAdded' rel='Ext.Component-method-onAdded' class='docClass'>Ext.Component.onAdded</a></p></div></div></div><div id='method-onBeforeAdd' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Container' rel='Ext.Container' class='defined-in docClass'>Ext.Container</a><br/><a href='source/Container.html#Ext-Container-method-onBeforeAdd' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Container-method-onBeforeAdd' class='name expandable'>onBeforeAdd</a>( <span class='pre'>item</span> )<strong class='private signature' >private</strong></div><div class='description'><div class='short'>private ...</div><div class='long'><p>private</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>item</span> : Object<div class='sub-desc'>\n</div></li></ul></div></div></div><div id='method-onBodyResize' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Panel' rel='Ext.Panel' class='defined-in docClass'>Ext.Panel</a><br/><a href='source/Panel.html#Ext-Panel-method-onBodyResize' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Panel-method-onBodyResize' class='name expandable'>onBodyResize</a>( <span class='pre'>w, h</span> )<strong class='private signature' >private</strong></div><div class='description'><div class='short'>private ...</div><div class='long'><p>private</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>w</span> : Object<div class='sub-desc'>\n</div></li><li><span class='pre'>h</span> : Object<div class='sub-desc'>\n</div></li></ul></div></div></div><div id='method-onClick' class='member not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Ext.grid.GridPanel'>Ext.grid.GridPanel</span><br/><a href='source/GridPanel.html#Ext-grid-GridPanel-method-onClick' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.grid.GridPanel-method-onClick' class='name expandable'>onClick</a>( <span class='pre'>e</span> )<strong class='private signature' >private</strong></div><div class='description'><div class='short'>private ...</div><div class='long'><p>private</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>e</span> : Object<div class='sub-desc'>\n</div></li></ul></div></div></div><div id='method-onCollapse' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Panel' rel='Ext.Panel' class='defined-in docClass'>Ext.Panel</a><br/><a href='source/Panel.html#Ext-Panel-method-onCollapse' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Panel-method-onCollapse' class='name expandable'>onCollapse</a>( <span class='pre'>doAnim, animArg</span> )<strong class='private signature' >private</strong></div><div class='description'><div class='short'>private ...</div><div class='long'><p>private</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>doAnim</span> : Object<div class='sub-desc'>\n</div></li><li><span class='pre'>animArg</span> : Object<div class='sub-desc'>\n</div></li></ul></div></div></div><div id='method-onContextMenu' class='member not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Ext.grid.GridPanel'>Ext.grid.GridPanel</span><br/><a href='source/GridPanel.html#Ext-grid-GridPanel-method-onContextMenu' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.grid.GridPanel-method-onContextMenu' class='name expandable'>onContextMenu</a>( <span class='pre'>e, t</span> )<strong class='private signature' >private</strong></div><div class='description'><div class='short'>private ...</div><div class='long'><p>private</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>e</span> : Object<div class='sub-desc'>\n</div></li><li><span class='pre'>t</span> : Object<div class='sub-desc'>\n</div></li></ul></div></div></div><div id='method-onDblClick' class='member not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Ext.grid.GridPanel'>Ext.grid.GridPanel</span><br/><a href='source/GridPanel.html#Ext-grid-GridPanel-method-onDblClick' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.grid.GridPanel-method-onDblClick' class='name expandable'>onDblClick</a>( <span class='pre'>e</span> )<strong class='private signature' >private</strong></div><div class='description'><div class='short'>private ...</div><div class='long'><p>private</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>e</span> : Object<div class='sub-desc'>\n</div></li></ul></div></div></div><div id='method-onDestroy' class='member not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Ext.grid.GridPanel'>Ext.grid.GridPanel</span><br/><a href='source/GridPanel.html#Ext-grid-GridPanel-method-onDestroy' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.grid.GridPanel-method-onDestroy' class='name expandable'>onDestroy</a>( <span class='pre'></span> )<strong class='private signature' >private</strong></div><div class='description'><div class='short'>private ...</div><div class='long'><p>private</p>\n</div></div></div><div id='method-onDisable' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Panel' rel='Ext.Panel' class='defined-in docClass'>Ext.Panel</a><br/><a href='source/Panel.html#Ext-Panel-method-onDisable' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Panel-method-onDisable' class='name expandable'>onDisable</a>( <span class='pre'></span> )<strong class='private signature' >private</strong></div><div class='description'><div class='short'>private ...</div><div class='long'><p>private</p>\n</div></div></div><div id='method-onEnable' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Panel' rel='Ext.Panel' class='defined-in docClass'>Ext.Panel</a><br/><a href='source/Panel.html#Ext-Panel-method-onEnable' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Panel-method-onEnable' class='name expandable'>onEnable</a>( <span class='pre'></span> )<strong class='private signature' >private</strong></div><div class='description'><div class='short'>private ...</div><div class='long'><p>private</p>\n</div></div></div><div id='method-onExpand' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Panel' rel='Ext.Panel' class='defined-in docClass'>Ext.Panel</a><br/><a href='source/Panel.html#Ext-Panel-method-onExpand' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Panel-method-onExpand' class='name expandable'>onExpand</a>( <span class='pre'>doAnim, animArg</span> )<strong class='private signature' >private</strong></div><div class='description'><div class='short'>private ...</div><div class='long'><p>private</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>doAnim</span> : Object<div class='sub-desc'>\n</div></li><li><span class='pre'>animArg</span> : Object<div class='sub-desc'>\n</div></li></ul></div></div></div><div id='method-onHide' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Panel' rel='Ext.Panel' class='defined-in docClass'>Ext.Panel</a><br/><a href='source/Panel.html#Ext-Panel-method-onHide' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Panel-method-onHide' class='name expandable'>onHide</a>( <span class='pre'></span> )<strong class='private signature' >private</strong></div><div class='description'><div class='short'>private ...</div><div class='long'><p>private</p>\n</div></div></div><div id='method-onLayout' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Panel' rel='Ext.Panel' class='defined-in docClass'>Ext.Panel</a><br/><a href='source/Panel.html#Ext-Panel-method-onLayout' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Panel-method-onLayout' class='name expandable'>onLayout</a>( <span class='pre'>shallow, force</span> )<strong class='private signature' >private</strong></div><div class='description'><div class='short'> ...</div><div class='long'>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>shallow</span> : Object<div class='sub-desc'>\n</div></li><li><span class='pre'>force</span> : Object<div class='sub-desc'>\n</div></li></ul><p>Overrides: <a href='#!/api/Ext.Container-method-onLayout' rel='Ext.Container-method-onLayout' class='docClass'>Ext.Container.onLayout</a></p></div></div></div><div id='method-onMouseDown' class='member not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Ext.grid.GridPanel'>Ext.grid.GridPanel</span><br/><a href='source/GridPanel.html#Ext-grid-GridPanel-method-onMouseDown' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.grid.GridPanel-method-onMouseDown' class='name expandable'>onMouseDown</a>( <span class='pre'>e</span> )<strong class='private signature' >private</strong></div><div class='description'><div class='short'>private ...</div><div class='long'><p>private</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>e</span> : Object<div class='sub-desc'>\n</div></li></ul></div></div></div><div id='method-onPosition' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Panel' rel='Ext.Panel' class='defined-in docClass'>Ext.Panel</a><br/><a href='source/Panel.html#Ext-Panel-method-onPosition' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Panel-method-onPosition' class='name expandable'>onPosition</a>( <span class='pre'></span> )<strong class='private signature' >private</strong></div><div class='description'><div class='short'>private ...</div><div class='long'><p>private</p>\n<p>Overrides: <a href='#!/api/Ext.BoxComponent-method-onPosition' rel='Ext.BoxComponent-method-onPosition' class='docClass'>Ext.BoxComponent.onPosition</a></p></div></div></div><div id='method-onRemove' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Container' rel='Ext.Container' class='defined-in docClass'>Ext.Container</a><br/><a href='source/Container.html#Ext-Container-method-onRemove' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Container-method-onRemove' class='name expandable'>onRemove</a>( <span class='pre'>c</span> )<strong class='private signature' >private</strong></div><div class='description'><div class='short'> ...</div><div class='long'>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>c</span> : Object<div class='sub-desc'>\n</div></li></ul></div></div></div><div id='method-onRemoved' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Component' rel='Ext.Component' class='defined-in docClass'>Ext.Component</a><br/><a href='source/Component.html#Ext-Component-method-onRemoved' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Component-method-onRemoved' class='name expandable'>onRemoved</a>( <span class='pre'></span> )<strong class='private signature' >private</strong></div><div class='description'><div class='short'>Method to manage awareness of when components are removed from their\nrespective Container, firing an removed event. ...</div><div class='long'><p>Method to manage awareness of when components are removed from their\nrespective Container, firing an removed event. References are properly\ncleaned up after removing a component from its owning container.</p>\n</div></div></div><div id='method-onRender' class='member not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Ext.grid.GridPanel'>Ext.grid.GridPanel</span><br/><a href='source/GridPanel.html#Ext-grid-GridPanel-method-onRender' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.grid.GridPanel-method-onRender' class='name expandable'>onRender</a>( <span class='pre'>ct, position</span> )<strong class='private signature' >private</strong></div><div class='description'><div class='short'>private ...</div><div class='long'><p>private</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>ct</span> : Object<div class='sub-desc'>\n</div></li><li><span class='pre'>position</span> : Object<div class='sub-desc'>\n</div></li></ul><p>Overrides: <a href='#!/api/Ext.Panel-method-onRender' rel='Ext.Panel-method-onRender' class='docClass'>Ext.Panel.onRender</a></p></div></div></div><div id='method-onResize' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Panel' rel='Ext.Panel' class='defined-in docClass'>Ext.Panel</a><br/><a href='source/Panel.html#Ext-Panel-method-onResize' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Panel-method-onResize' class='name expandable'>onResize</a>( <span class='pre'>adjWidth, adjHeight, rawWidth, rawHeight</span> )<strong class='private signature' >private</strong></div><div class='description'><div class='short'>private ...</div><div class='long'><p>private</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>adjWidth</span> : Object<div class='sub-desc'>\n</div></li><li><span class='pre'>adjHeight</span> : Object<div class='sub-desc'>\n</div></li><li><span class='pre'>rawWidth</span> : Object<div class='sub-desc'>\n</div></li><li><span class='pre'>rawHeight</span> : Object<div class='sub-desc'>\n</div></li></ul><p>Overrides: <a href='#!/api/Ext.BoxComponent-method-onResize' rel='Ext.BoxComponent-method-onResize' class='docClass'>Ext.BoxComponent.onResize</a></p></div></div></div><div id='method-onShow' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Panel' rel='Ext.Panel' class='defined-in docClass'>Ext.Panel</a><br/><a href='source/Panel.html#Ext-Panel-method-onShow' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Panel-method-onShow' class='name expandable'>onShow</a>( <span class='pre'></span> )<strong class='private signature' >private</strong></div><div class='description'><div class='short'>private ...</div><div class='long'><p>private</p>\n<p>Overrides: <a href='#!/api/Ext.Container-method-onShow' rel='Ext.Container-method-onShow' class='docClass'>Ext.Container.onShow</a></p></div></div></div><div id='method-previousSibling' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Component' rel='Ext.Component' class='defined-in docClass'>Ext.Component</a><br/><a href='source/Component.html#Ext-Component-method-previousSibling' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Component-method-previousSibling' class='name expandable'>previousSibling</a>( <span class='pre'></span> ) : Object</div><div class='description'><div class='short'>Returns the previous component in the owning container ...</div><div class='long'><p>Returns the previous component in the owning container</p>\n<h3 class='pa'>Returns</h3><ul><li><span class='pre'>Object</span><div class='sub-desc'><p><a href=\"#!/api/Ext.Component\" rel=\"Ext.Component\" class=\"docClass\">Ext.Component</a></p>\n</div></li></ul></div></div></div><div id='method-processEvent' class='member not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Ext.grid.GridPanel'>Ext.grid.GridPanel</span><br/><a href='source/GridPanel.html#Ext-grid-GridPanel-method-processEvent' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.grid.GridPanel-method-processEvent' class='name expandable'>processEvent</a>( <span class='pre'>name, e</span> )<strong class='private signature' >private</strong></div><div class='description'><div class='short'>private ...</div><div class='long'><p>private</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>name</span> : Object<div class='sub-desc'>\n</div></li><li><span class='pre'>e</span> : Object<div class='sub-desc'>\n</div></li></ul></div></div></div><div id='method-purgeListeners' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.util.Observable' rel='Ext.util.Observable' class='defined-in docClass'>Ext.util.Observable</a><br/><a href='source/Observable.html#Ext-util-Observable-method-purgeListeners' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.util.Observable-method-purgeListeners' class='name expandable'>purgeListeners</a>( <span class='pre'></span> )</div><div class='description'><div class='short'>Removes all listeners for this object ...</div><div class='long'><p>Removes all listeners for this object</p>\n</div></div></div><div id='method-reconfigure' class='member not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Ext.grid.GridPanel'>Ext.grid.GridPanel</span><br/><a href='source/GridPanel.html#Ext-grid-GridPanel-method-reconfigure' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.grid.GridPanel-method-reconfigure' class='name expandable'>reconfigure</a>( <span class='pre'>store, colModel</span> )</div><div class='description'><div class='short'>Reconfigures the grid to use a different Store and Column Model\nand fires the 'reconfigure' event. ...</div><div class='long'><p>Reconfigures the grid to use a different Store and Column Model\nand fires the 'reconfigure' event. The View will be bound to the new\nobjects and refreshed.</p>\n\n\n<p>Be aware that upon reconfiguring a GridPanel, certain existing settings <i>may</i> become\ninvalidated. For example the configured <a href=\"#!/api/Ext.grid.GridPanel-cfg-autoExpandColumn\" rel=\"Ext.grid.GridPanel-cfg-autoExpandColumn\" class=\"docClass\">autoExpandColumn</a> may no longer exist in the\nnew ColumnModel. Also, an existing <a href=\"#!/api/Ext.PagingToolbar\" rel=\"Ext.PagingToolbar\" class=\"docClass\">PagingToolbar</a> will still be bound\nto the old Store, and will need rebinding. Any <a href=\"#!/api/Ext.grid.GridPanel-cfg-plugins\" rel=\"Ext.grid.GridPanel-cfg-plugins\" class=\"docClass\">plugins</a> might also need reconfiguring\nwith the new data.</p>\n\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>store</span> : <a href=\"#!/api/Ext.data.Store\" rel=\"Ext.data.Store\" class=\"docClass\">Ext.data.Store</a><div class='sub-desc'><p>The new <a href=\"#!/api/Ext.data.Store\" rel=\"Ext.data.Store\" class=\"docClass\">Ext.data.Store</a> object</p>\n</div></li><li><span class='pre'>colModel</span> : <a href=\"#!/api/Ext.grid.ColumnModel\" rel=\"Ext.grid.ColumnModel\" class=\"docClass\">Ext.grid.ColumnModel</a><div class='sub-desc'><p>The new <a href=\"#!/api/Ext.grid.ColumnModel\" rel=\"Ext.grid.ColumnModel\" class=\"docClass\">Ext.grid.ColumnModel</a> object</p>\n</div></li></ul></div></div></div><div id='method-relayEvents' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.util.Observable' rel='Ext.util.Observable' class='defined-in docClass'>Ext.util.Observable</a><br/><a href='source/Observable-more.html#Ext-util-Observable-method-relayEvents' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.util.Observable-method-relayEvents' class='name expandable'>relayEvents</a>( <span class='pre'>o, events</span> )</div><div class='description'><div class='short'>Relays selected events from the specified Observable as if the events were fired by this. ...</div><div class='long'><p>Relays selected events from the specified Observable as if the events were fired by <tt><b>this</b></tt>.</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>o</span> : Object<div class='sub-desc'><p>The Observable whose events this object is to relay.</p>\n</div></li><li><span class='pre'>events</span> : <a href=\"#!/api/Array\" rel=\"Array\" class=\"docClass\">Array</a><div class='sub-desc'><p>Array of event names to relay.</p>\n</div></li></ul></div></div></div><div id='method-removeAll' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Container' rel='Ext.Container' class='defined-in docClass'>Ext.Container</a><br/><a href='source/Container.html#Ext-Container-method-removeAll' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Container-method-removeAll' class='name expandable'>removeAll</a>( <span class='pre'>[autoDestroy]</span> ) : <a href=\"#!/api/Array\" rel=\"Array\" class=\"docClass\">Array</a></div><div class='description'><div class='short'>Removes all components from this container. ...</div><div class='long'><p>Removes all components from this container.</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>autoDestroy</span> : Boolean (optional)<div class='sub-desc'><p>True to automatically invoke the removed Component's <a href=\"#!/api/Ext.Component-event-destroy\" rel=\"Ext.Component-event-destroy\" class=\"docClass\">Ext.Component.destroy</a> function.\nDefaults to the value of this Container's <a href=\"#!/api/Ext.Container-cfg-autoDestroy\" rel=\"Ext.Container-cfg-autoDestroy\" class=\"docClass\">autoDestroy</a> config.</p>\n</div></li></ul><h3 class='pa'>Returns</h3><ul><li><span class='pre'><a href=\"#!/api/Array\" rel=\"Array\" class=\"docClass\">Array</a></span><div class='sub-desc'><p>Array of the destroyed components</p>\n</div></li></ul></div></div></div><div id='method-removeClass' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Component' rel='Ext.Component' class='defined-in docClass'>Ext.Component</a><br/><a href='source/Component.html#Ext-Component-method-removeClass' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Component-method-removeClass' class='name expandable'>removeClass</a>( <span class='pre'>cls</span> ) : <a href=\"#!/api/Ext.Component\" rel=\"Ext.Component\" class=\"docClass\">Ext.Component</a><strong class='chainable signature' >chainable</strong></div><div class='description'><div class='short'>Removes a CSS class from the component's underlying element. ...</div><div class='long'><p>Removes a CSS class from the component's underlying element.</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>cls</span> : <a href=\"#!/api/String\" rel=\"String\" class=\"docClass\">string</a><div class='sub-desc'><p>The CSS class name to remove</p>\n</div></li></ul><h3 class='pa'>Returns</h3><ul><li><span class='pre'><a href=\"#!/api/Ext.Component\" rel=\"Ext.Component\" class=\"docClass\">Ext.Component</a></span><div class='sub-desc'><p>this</p>\n</div></li></ul></div></div></div><div id='method-removeListener' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.util.Observable' rel='Ext.util.Observable' class='defined-in docClass'>Ext.util.Observable</a><br/><a href='source/Observable.html#Ext-util-Observable-method-removeListener' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.util.Observable-method-removeListener' class='name expandable'>removeListener</a>( <span class='pre'>eventName, handler, [scope]</span> )</div><div class='description'><div class='short'>Removes an event handler. ...</div><div class='long'><p>Removes an event handler.</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>eventName</span> : <a href=\"#!/api/String\" rel=\"String\" class=\"docClass\">String</a><div class='sub-desc'><p>The type of event the handler was associated with.</p>\n</div></li><li><span class='pre'>handler</span> : <a href=\"#!/api/Function\" rel=\"Function\" class=\"docClass\">Function</a><div class='sub-desc'><p>The handler to remove. <b>This must be a reference to the function passed into the <a href=\"#!/api/Ext.util.Observable-method-addListener\" rel=\"Ext.util.Observable-method-addListener\" class=\"docClass\">addListener</a> call.</b></p>\n</div></li><li><span class='pre'>scope</span> : Object (optional)<div class='sub-desc'><p>The scope originally specified for the handler.</p>\n</div></li></ul></div></div></div><div id='method-render' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Component' rel='Ext.Component' class='defined-in docClass'>Ext.Component</a><br/><a href='source/Component.html#Ext-Component-method-render' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Component-method-render' class='name expandable'>render</a>( <span class='pre'>[container], [position]</span> ) : <a href=\"#!/api/Ext.Component\" rel=\"Ext.Component\" class=\"docClass\">Ext.Component</a><strong class='chainable signature' >chainable</strong></div><div class='description'><div class='short'>Render this Component into the passed HTML element. ...</div><div class='long'><p>Render this Component into the passed HTML element.</p>\n\n\n<p><b>If you are using a <a href=\"#!/api/Ext.Container\" rel=\"Ext.Container\" class=\"docClass\">Container</a> object to house this Component, then\ndo not use the render method.</b></p>\n\n\n<p>A Container's child Components are rendered by that Container's\n<a href=\"#!/api/Ext.Container-cfg-layout\" rel=\"Ext.Container-cfg-layout\" class=\"docClass\">layout</a> manager when the Container is first rendered.</p>\n\n\n<p>Certain layout managers allow dynamic addition of child components. Those that do\ninclude <a href=\"#!/api/Ext.layout.CardLayout\" rel=\"Ext.layout.CardLayout\" class=\"docClass\">Ext.layout.CardLayout</a>, <a href=\"#!/api/Ext.layout.AnchorLayout\" rel=\"Ext.layout.AnchorLayout\" class=\"docClass\">Ext.layout.AnchorLayout</a>,\n<a href=\"#!/api/Ext.layout.FormLayout\" rel=\"Ext.layout.FormLayout\" class=\"docClass\">Ext.layout.FormLayout</a>, <a href=\"#!/api/Ext.layout.TableLayout\" rel=\"Ext.layout.TableLayout\" class=\"docClass\">Ext.layout.TableLayout</a>.</p>\n\n\n<p>If the Container is already rendered when a new child Component is added, you may need to call\nthe Container's <a href=\"#!/api/Ext.Container-method-doLayout\" rel=\"Ext.Container-method-doLayout\" class=\"docClass\">doLayout</a> to refresh the view which causes any\nunrendered child Components to be rendered. This is required so that you can add multiple\nchild components if needed while only refreshing the layout once.</p>\n\n\n<p>When creating complex UIs, it is important to remember that sizing and positioning\nof child items is the responsibility of the Container's <a href=\"#!/api/Ext.Container-cfg-layout\" rel=\"Ext.Container-cfg-layout\" class=\"docClass\">layout</a> manager.\nIf you expect child items to be sized in response to user interactions, you must\nconfigure the Container with a layout manager which creates and manages the type of layout you\nhave in mind.</p>\n\n\n<p><b>Omitting the Container's <a href=\"#!/api/Ext.Container-cfg-layout\" rel=\"Ext.Container-cfg-layout\" class=\"docClass\">layout</a> config means that a basic\nlayout manager is used which does nothing but render child components sequentially into the\nContainer. No sizing or positioning will be performed in this situation.</b></p>\n\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>container</span> : Element/HTMLElement/String (optional)<div class='sub-desc'><p>The element this Component should be\nrendered into. If it is being created from existing markup, this should be omitted.</p>\n</div></li><li><span class='pre'>position</span> : <a href=\"#!/api/String\" rel=\"String\" class=\"docClass\">String</a>/<a href=\"#!/api/Number\" rel=\"Number\" class=\"docClass\">Number</a> (optional)<div class='sub-desc'><p>The element ID or DOM node index within the container <b>before</b>\nwhich this component will be inserted (defaults to appending to the end of the container)</p>\n</div></li></ul><h3 class='pa'>Returns</h3><ul><li><span class='pre'><a href=\"#!/api/Ext.Component\" rel=\"Ext.Component\" class=\"docClass\">Ext.Component</a></span><div class='sub-desc'><p>this</p>\n</div></li></ul></div></div></div><div id='method-resumeEvents' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.util.Observable' rel='Ext.util.Observable' class='defined-in docClass'>Ext.util.Observable</a><br/><a href='source/Observable.html#Ext-util-Observable-method-resumeEvents' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.util.Observable-method-resumeEvents' class='name expandable'>resumeEvents</a>( <span class='pre'></span> )</div><div class='description'><div class='short'>Resume firing events. ...</div><div class='long'><p>Resume firing events. (see <a href=\"#!/api/Ext.util.Observable-method-suspendEvents\" rel=\"Ext.util.Observable-method-suspendEvents\" class=\"docClass\">suspendEvents</a>)\nIf events were suspended using the <tt><b>queueSuspended</b></tt> parameter, then all\nevents fired during event suspension will be sent to any listeners now.</p>\n</div></div></div><div id='method-setAutoScroll' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.BoxComponent' rel='Ext.BoxComponent' class='defined-in docClass'>Ext.BoxComponent</a><br/><a href='source/BoxComponent.html#Ext-BoxComponent-method-setAutoScroll' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.BoxComponent-method-setAutoScroll' class='name expandable'>setAutoScroll</a>( <span class='pre'>scroll</span> ) : <a href=\"#!/api/Ext.BoxComponent\" rel=\"Ext.BoxComponent\" class=\"docClass\">Ext.BoxComponent</a><strong class='chainable signature' >chainable</strong></div><div class='description'><div class='short'>Sets the overflow on the content element of the component. ...</div><div class='long'><p>Sets the overflow on the content element of the component.</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>scroll</span> : Boolean<div class='sub-desc'><p>True to allow the Component to auto scroll.</p>\n</div></li></ul><h3 class='pa'>Returns</h3><ul><li><span class='pre'><a href=\"#!/api/Ext.BoxComponent\" rel=\"Ext.BoxComponent\" class=\"docClass\">Ext.BoxComponent</a></span><div class='sub-desc'><p>this</p>\n</div></li></ul></div></div></div><div id='method-setHeight' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.BoxComponent' rel='Ext.BoxComponent' class='defined-in docClass'>Ext.BoxComponent</a><br/><a href='source/BoxComponent.html#Ext-BoxComponent-method-setHeight' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.BoxComponent-method-setHeight' class='name expandable'>setHeight</a>( <span class='pre'>height</span> ) : <a href=\"#!/api/Ext.BoxComponent\" rel=\"Ext.BoxComponent\" class=\"docClass\">Ext.BoxComponent</a><strong class='chainable signature' >chainable</strong></div><div class='description'><div class='short'>Sets the height of the component. ...</div><div class='long'><p>Sets the height of the component. This method fires the <a href=\"#!/api/Ext.BoxComponent-event-resize\" rel=\"Ext.BoxComponent-event-resize\" class=\"docClass\">resize</a> event.</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>height</span> : Mixed<div class='sub-desc'><p>The new height to set. This may be one of:<div class=\"mdetail-params\"><ul>\n<li>A Number specifying the new height in the <a href=\"#!/api/Ext.BoxComponent-method-getEl\" rel=\"Ext.BoxComponent-method-getEl\" class=\"docClass\">Element</a>'s <a href=\"#!/api/Ext.Element-property-defaultUnit\" rel=\"Ext.Element-property-defaultUnit\" class=\"docClass\">defaultUnit</a>s (by default, pixels).</li>\n<li>A String used to set the CSS height style.</li>\n<li><i>undefined</i> to leave the height unchanged.</li>\n</ul></div></p>\n</div></li></ul><h3 class='pa'>Returns</h3><ul><li><span class='pre'><a href=\"#!/api/Ext.BoxComponent\" rel=\"Ext.BoxComponent\" class=\"docClass\">Ext.BoxComponent</a></span><div class='sub-desc'><p>this</p>\n</div></li></ul></div></div></div><div id='method-setIconClass' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Panel' rel='Ext.Panel' class='defined-in docClass'>Ext.Panel</a><br/><a href='source/Panel.html#Ext-Panel-method-setIconClass' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Panel-method-setIconClass' class='name expandable'>setIconClass</a>( <span class='pre'>cls</span> )</div><div class='description'><div class='short'>Sets the CSS class that provides the icon image for this panel. ...</div><div class='long'><p>Sets the CSS class that provides the icon image for this panel. This method will replace any existing\nicon class if one has already been set and fire the <a href=\"#!/api/Ext.Panel-event-iconchange\" rel=\"Ext.Panel-event-iconchange\" class=\"docClass\">iconchange</a> event after completion.</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>cls</span> : <a href=\"#!/api/String\" rel=\"String\" class=\"docClass\">String</a><div class='sub-desc'><p>The new CSS class name</p>\n</div></li></ul></div></div></div><div id='method-setLayout' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Container' rel='Ext.Container' class='defined-in docClass'>Ext.Container</a><br/><a href='source/Container.html#Ext-Container-method-setLayout' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Container-method-setLayout' class='name expandable'>setLayout</a>( <span class='pre'>layout</span> )<strong class='private signature' >private</strong></div><div class='description'><div class='short'>private ...</div><div class='long'><p>private</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>layout</span> : Object<div class='sub-desc'>\n</div></li></ul></div></div></div><div id='method-setPagePosition' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.BoxComponent' rel='Ext.BoxComponent' class='defined-in docClass'>Ext.BoxComponent</a><br/><a href='source/BoxComponent.html#Ext-BoxComponent-method-setPagePosition' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.BoxComponent-method-setPagePosition' class='name expandable'>setPagePosition</a>( <span class='pre'>x, y</span> ) : <a href=\"#!/api/Ext.BoxComponent\" rel=\"Ext.BoxComponent\" class=\"docClass\">Ext.BoxComponent</a><strong class='chainable signature' >chainable</strong></div><div class='description'><div class='short'>Sets the page XY position of the component. ...</div><div class='long'><p>Sets the page XY position of the component. To set the left and top instead, use <a href=\"#!/api/Ext.BoxComponent-method-setPosition\" rel=\"Ext.BoxComponent-method-setPosition\" class=\"docClass\">setPosition</a>.\nThis method fires the <a href=\"#!/api/Ext.BoxComponent-event-move\" rel=\"Ext.BoxComponent-event-move\" class=\"docClass\">move</a> event.</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>x</span> : <a href=\"#!/api/Number\" rel=\"Number\" class=\"docClass\">Number</a><div class='sub-desc'><p>The new x position</p>\n</div></li><li><span class='pre'>y</span> : <a href=\"#!/api/Number\" rel=\"Number\" class=\"docClass\">Number</a><div class='sub-desc'><p>The new y position</p>\n</div></li></ul><h3 class='pa'>Returns</h3><ul><li><span class='pre'><a href=\"#!/api/Ext.BoxComponent\" rel=\"Ext.BoxComponent\" class=\"docClass\">Ext.BoxComponent</a></span><div class='sub-desc'><p>this</p>\n</div></li></ul></div></div></div><div id='method-setPosition' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.BoxComponent' rel='Ext.BoxComponent' class='defined-in docClass'>Ext.BoxComponent</a><br/><a href='source/BoxComponent.html#Ext-BoxComponent-method-setPosition' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.BoxComponent-method-setPosition' class='name expandable'>setPosition</a>( <span class='pre'>left, top</span> ) : <a href=\"#!/api/Ext.BoxComponent\" rel=\"Ext.BoxComponent\" class=\"docClass\">Ext.BoxComponent</a><strong class='chainable signature' >chainable</strong></div><div class='description'><div class='short'>Sets the left and top of the component. ...</div><div class='long'><p>Sets the left and top of the component. To set the page XY position instead, use <a href=\"#!/api/Ext.BoxComponent-method-setPagePosition\" rel=\"Ext.BoxComponent-method-setPagePosition\" class=\"docClass\">setPagePosition</a>.\nThis method fires the <a href=\"#!/api/Ext.BoxComponent-event-move\" rel=\"Ext.BoxComponent-event-move\" class=\"docClass\">move</a> event.</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>left</span> : <a href=\"#!/api/Number\" rel=\"Number\" class=\"docClass\">Number</a><div class='sub-desc'><p>The new left</p>\n</div></li><li><span class='pre'>top</span> : <a href=\"#!/api/Number\" rel=\"Number\" class=\"docClass\">Number</a><div class='sub-desc'><p>The new top</p>\n</div></li></ul><h3 class='pa'>Returns</h3><ul><li><span class='pre'><a href=\"#!/api/Ext.BoxComponent\" rel=\"Ext.BoxComponent\" class=\"docClass\">Ext.BoxComponent</a></span><div class='sub-desc'><p>this</p>\n</div></li></ul></div></div></div><div id='method-setSize' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.BoxComponent' rel='Ext.BoxComponent' class='defined-in docClass'>Ext.BoxComponent</a><br/><a href='source/BoxComponent.html#Ext-BoxComponent-method-setSize' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.BoxComponent-method-setSize' class='name expandable'>setSize</a>( <span class='pre'>width, height</span> ) : <a href=\"#!/api/Ext.BoxComponent\" rel=\"Ext.BoxComponent\" class=\"docClass\">Ext.BoxComponent</a><strong class='chainable signature' >chainable</strong></div><div class='description'><div class='short'>Sets the width and height of this BoxComponent. ...</div><div class='long'><p>Sets the width and height of this BoxComponent. This method fires the <a href=\"#!/api/Ext.BoxComponent-event-resize\" rel=\"Ext.BoxComponent-event-resize\" class=\"docClass\">resize</a> event. This method can accept\neither width and height as separate arguments, or you can pass a size object like <code>{width:10, height:20}</code>.</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>width</span> : Mixed<div class='sub-desc'><p>The new width to set. This may be one of:<div class=\"mdetail-params\"><ul>\n<li>A Number specifying the new width in the <a href=\"#!/api/Ext.BoxComponent-method-getEl\" rel=\"Ext.BoxComponent-method-getEl\" class=\"docClass\">Element</a>'s <a href=\"#!/api/Ext.Element-property-defaultUnit\" rel=\"Ext.Element-property-defaultUnit\" class=\"docClass\">Ext.Element.defaultUnit</a>s (by default, pixels).</li>\n<li>A String used to set the CSS width style.</li>\n<li>A size object in the format <code>{width: widthValue, height: heightValue}</code>.</li>\n<li><code>undefined</code> to leave the width unchanged.</li>\n</ul></div></p>\n</div></li><li><span class='pre'>height</span> : Mixed<div class='sub-desc'><p>The new height to set (not required if a size object is passed as the first arg).\nThis may be one of:<div class=\"mdetail-params\"><ul>\n<li>A Number specifying the new height in the <a href=\"#!/api/Ext.BoxComponent-method-getEl\" rel=\"Ext.BoxComponent-method-getEl\" class=\"docClass\">Element</a>'s <a href=\"#!/api/Ext.Element-property-defaultUnit\" rel=\"Ext.Element-property-defaultUnit\" class=\"docClass\">Ext.Element.defaultUnit</a>s (by default, pixels).</li>\n<li>A String used to set the CSS height style. Animation may <b>not</b> be used.</li>\n<li><code>undefined</code> to leave the height unchanged.</li>\n</ul></div></p>\n</div></li></ul><h3 class='pa'>Returns</h3><ul><li><span class='pre'><a href=\"#!/api/Ext.BoxComponent\" rel=\"Ext.BoxComponent\" class=\"docClass\">Ext.BoxComponent</a></span><div class='sub-desc'><p>this</p>\n</div></li></ul></div></div></div><div id='method-setTitle' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Panel' rel='Ext.Panel' class='defined-in docClass'>Ext.Panel</a><br/><a href='source/Panel.html#Ext-Panel-method-setTitle' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Panel-method-setTitle' class='name expandable'>setTitle</a>( <span class='pre'>title, [iconCls]</span> ) : <a href=\"#!/api/Ext.Panel\" rel=\"Ext.Panel\" class=\"docClass\">Ext.Panel</a><strong class='chainable signature' >chainable</strong></div><div class='description'><div class='short'>Sets the title text for the panel and optionally the icon class. ...</div><div class='long'><p>Sets the title text for the panel and optionally the <a href=\"#!/api/Ext.Panel-cfg-iconCls\" rel=\"Ext.Panel-cfg-iconCls\" class=\"docClass\">icon class</a>.</p>\n\n\n<p>In order to be able to set the title, a header element must have been created\nfor the Panel. This is triggered either by configuring the Panel with a non-blank <code><a href=\"#!/api/Ext.Panel-cfg-title\" rel=\"Ext.Panel-cfg-title\" class=\"docClass\">title</a></code>,\nor configuring it with <code><b><a href=\"#!/api/Ext.Panel-property-header\" rel=\"Ext.Panel-property-header\" class=\"docClass\">header</a>: true</b></code>.</p>\n\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>title</span> : <a href=\"#!/api/String\" rel=\"String\" class=\"docClass\">String</a><div class='sub-desc'><p>The title text to set</p>\n</div></li><li><span class='pre'>iconCls</span> : <a href=\"#!/api/String\" rel=\"String\" class=\"docClass\">String</a> (optional)<div class='sub-desc'><p><a href=\"#!/api/Ext.Panel-cfg-iconCls\" rel=\"Ext.Panel-cfg-iconCls\" class=\"docClass\">iconCls</a> A user-defined CSS class that provides the icon image for this panel</p>\n</div></li></ul><h3 class='pa'>Returns</h3><ul><li><span class='pre'><a href=\"#!/api/Ext.Panel\" rel=\"Ext.Panel\" class=\"docClass\">Ext.Panel</a></span><div class='sub-desc'><p>this</p>\n</div></li></ul></div></div></div><div id='method-setVisible' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Component' rel='Ext.Component' class='defined-in docClass'>Ext.Component</a><br/><a href='source/Component.html#Ext-Component-method-setVisible' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Component-method-setVisible' class='name expandable'>setVisible</a>( <span class='pre'>visible</span> ) : <a href=\"#!/api/Ext.Component\" rel=\"Ext.Component\" class=\"docClass\">Ext.Component</a><strong class='chainable signature' >chainable</strong></div><div class='description'><div class='short'>Convenience function to hide or show this component by boolean. ...</div><div class='long'><p>Convenience function to hide or show this component by boolean.</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>visible</span> : Boolean<div class='sub-desc'><p>True to show, false to hide</p>\n</div></li></ul><h3 class='pa'>Returns</h3><ul><li><span class='pre'><a href=\"#!/api/Ext.Component\" rel=\"Ext.Component\" class=\"docClass\">Ext.Component</a></span><div class='sub-desc'><p>this</p>\n</div></li></ul></div></div></div><div id='method-setWidth' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.BoxComponent' rel='Ext.BoxComponent' class='defined-in docClass'>Ext.BoxComponent</a><br/><a href='source/BoxComponent.html#Ext-BoxComponent-method-setWidth' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.BoxComponent-method-setWidth' class='name expandable'>setWidth</a>( <span class='pre'>width</span> ) : <a href=\"#!/api/Ext.BoxComponent\" rel=\"Ext.BoxComponent\" class=\"docClass\">Ext.BoxComponent</a><strong class='chainable signature' >chainable</strong></div><div class='description'><div class='short'>Sets the width of the component. ...</div><div class='long'><p>Sets the width of the component. This method fires the <a href=\"#!/api/Ext.BoxComponent-event-resize\" rel=\"Ext.BoxComponent-event-resize\" class=\"docClass\">resize</a> event.</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>width</span> : Mixed<div class='sub-desc'><p>The new width to set. This may be one of:<div class=\"mdetail-params\"><ul>\n<li>A Number specifying the new width in the <a href=\"#!/api/Ext.BoxComponent-method-getEl\" rel=\"Ext.BoxComponent-method-getEl\" class=\"docClass\">Element</a>'s <a href=\"#!/api/Ext.Element-property-defaultUnit\" rel=\"Ext.Element-property-defaultUnit\" class=\"docClass\">defaultUnit</a>s (by default, pixels).</li>\n<li>A String used to set the CSS width style.</li>\n</ul></div></p>\n</div></li></ul><h3 class='pa'>Returns</h3><ul><li><span class='pre'><a href=\"#!/api/Ext.BoxComponent\" rel=\"Ext.BoxComponent\" class=\"docClass\">Ext.BoxComponent</a></span><div class='sub-desc'><p>this</p>\n</div></li></ul></div></div></div><div id='method-shouldBufferLayout' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Container' rel='Ext.Container' class='defined-in docClass'>Ext.Container</a><br/><a href='source/Container.html#Ext-Container-method-shouldBufferLayout' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Container-method-shouldBufferLayout' class='name expandable'>shouldBufferLayout</a>( <span class='pre'></span> )<strong class='private signature' >private</strong></div><div class='description'><div class='short'>private ...</div><div class='long'><p>private</p>\n</div></div></div><div id='method-show' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Component' rel='Ext.Component' class='defined-in docClass'>Ext.Component</a><br/><a href='source/Component.html#Ext-Component-method-show' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Component-method-show' class='name expandable'>show</a>( <span class='pre'></span> ) : <a href=\"#!/api/Ext.Component\" rel=\"Ext.Component\" class=\"docClass\">Ext.Component</a><strong class='chainable signature' >chainable</strong></div><div class='description'><div class='short'>Show this component. ...</div><div class='long'><p>Show this component. Listen to the '<a href=\"#!/api/Ext.Component-event-beforeshow\" rel=\"Ext.Component-event-beforeshow\" class=\"docClass\">beforeshow</a>' event and return\n<tt>false</tt> to cancel showing the component. Fires the '<a href=\"#!/api/Ext.Component-method-show\" rel=\"Ext.Component-method-show\" class=\"docClass\">show</a>'\nevent after showing the component.</p>\n<h3 class='pa'>Returns</h3><ul><li><span class='pre'><a href=\"#!/api/Ext.Component\" rel=\"Ext.Component\" class=\"docClass\">Ext.Component</a></span><div class='sub-desc'><p>this</p>\n</div></li></ul></div></div></div><div id='method-stopEditing' class='member not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Ext.grid.GridPanel'>Ext.grid.GridPanel</span><br/><a href='source/GridPanel.html#Ext-grid-GridPanel-method-stopEditing' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.grid.GridPanel-method-stopEditing' class='name expandable'>stopEditing</a>( <span class='pre'></span> )<strong class='private signature' >private</strong></div><div class='description'><div class='short'>private for compatibility, overridden by editor grid ...</div><div class='long'><p>private for compatibility, overridden by editor grid</p>\n</div></div></div><div id='method-suspendEvents' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.util.Observable' rel='Ext.util.Observable' class='defined-in docClass'>Ext.util.Observable</a><br/><a href='source/Observable.html#Ext-util-Observable-method-suspendEvents' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.util.Observable-method-suspendEvents' class='name expandable'>suspendEvents</a>( <span class='pre'>queueSuspended</span> )</div><div class='description'><div class='short'>Suspend the firing of all events. ...</div><div class='long'><p>Suspend the firing of all events. (see <a href=\"#!/api/Ext.util.Observable-method-resumeEvents\" rel=\"Ext.util.Observable-method-resumeEvents\" class=\"docClass\">resumeEvents</a>)</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>queueSuspended</span> : Boolean<div class='sub-desc'><p>Pass as true to queue up suspended events to be fired\nafter the <a href=\"#!/api/Ext.util.Observable-method-resumeEvents\" rel=\"Ext.util.Observable-method-resumeEvents\" class=\"docClass\">resumeEvents</a> call instead of discarding all suspended events;</p>\n</div></li></ul></div></div></div><div id='method-syncHeight' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Panel' rel='Ext.Panel' class='defined-in docClass'>Ext.Panel</a><br/><a href='source/Panel.html#Ext-Panel-method-syncHeight' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Panel-method-syncHeight' class='name expandable'>syncHeight</a>( <span class='pre'></span> )<strong class='private signature' >private</strong></div><div class='description'><div class='short'> ...</div><div class='long'>\n</div></div></div><div id='method-syncShadow' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Panel' rel='Ext.Panel' class='defined-in docClass'>Ext.Panel</a><br/><a href='source/Panel.html#Ext-Panel-method-syncShadow' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Panel-method-syncShadow' class='name expandable'>syncShadow</a>( <span class='pre'></span> )<strong class='private signature' >private</strong></div><div class='description'><div class='short'>private ...</div><div class='long'><p>private</p>\n</div></div></div><div id='method-syncSize' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.BoxComponent' rel='Ext.BoxComponent' class='defined-in docClass'>Ext.BoxComponent</a><br/><a href='source/BoxComponent.html#Ext-BoxComponent-method-syncSize' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.BoxComponent-method-syncSize' class='name expandable'>syncSize</a>( <span class='pre'></span> ) : <a href=\"#!/api/Ext.BoxComponent\" rel=\"Ext.BoxComponent\" class=\"docClass\">Ext.BoxComponent</a><strong class='chainable signature' >chainable</strong></div><div class='description'><div class='short'>Force the component's size to recalculate based on the underlying element's current height and width. ...</div><div class='long'><p>Force the component's size to recalculate based on the underlying element's current height and width.</p>\n<h3 class='pa'>Returns</h3><ul><li><span class='pre'><a href=\"#!/api/Ext.BoxComponent\" rel=\"Ext.BoxComponent\" class=\"docClass\">Ext.BoxComponent</a></span><div class='sub-desc'><p>this</p>\n</div></li></ul></div></div></div><div id='method-toggleCollapse' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Panel' rel='Ext.Panel' class='defined-in docClass'>Ext.Panel</a><br/><a href='source/Panel.html#Ext-Panel-method-toggleCollapse' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Panel-method-toggleCollapse' class='name expandable'>toggleCollapse</a>( <span class='pre'>animate</span> ) : <a href=\"#!/api/Ext.Panel\" rel=\"Ext.Panel\" class=\"docClass\">Ext.Panel</a><strong class='chainable signature' >chainable</strong></div><div class='description'><div class='short'>Shortcut for performing an expand or collapse based on the current state of the panel. ...</div><div class='long'><p>Shortcut for performing an <a href=\"#!/api/Ext.Panel-event-expand\" rel=\"Ext.Panel-event-expand\" class=\"docClass\">expand</a> or <a href=\"#!/api/Ext.Panel-event-collapse\" rel=\"Ext.Panel-event-collapse\" class=\"docClass\">collapse</a> based on the current state of the panel.</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>animate</span> : Boolean<div class='sub-desc'><p>True to animate the transition, else false (defaults to the value of the\n<a href=\"#!/api/Ext.Panel-cfg-animCollapse\" rel=\"Ext.Panel-cfg-animCollapse\" class=\"docClass\">animCollapse</a> panel config)</p>\n</div></li></ul><h3 class='pa'>Returns</h3><ul><li><span class='pre'><a href=\"#!/api/Ext.Panel\" rel=\"Ext.Panel\" class=\"docClass\">Ext.Panel</a></span><div class='sub-desc'><p>this</p>\n</div></li></ul></div></div></div><div id='method-un' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.util.Observable' rel='Ext.util.Observable' class='defined-in docClass'>Ext.util.Observable</a><br/><a href='source/Observable.html#Ext-util-Observable-method-un' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.util.Observable-method-un' class='name expandable'>un</a>( <span class='pre'>eventName, handler, [scope]</span> )</div><div class='description'><div class='short'>Removes an event handler (shorthand for removeListener.) ...</div><div class='long'><p>Removes an event handler (shorthand for <a href=\"#!/api/Ext.util.Observable-method-removeListener\" rel=\"Ext.util.Observable-method-removeListener\" class=\"docClass\">removeListener</a>.)</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>eventName</span> : <a href=\"#!/api/String\" rel=\"String\" class=\"docClass\">String</a><div class='sub-desc'><p>The type of event the handler was associated with.</p>\n</div></li><li><span class='pre'>handler</span> : <a href=\"#!/api/Function\" rel=\"Function\" class=\"docClass\">Function</a><div class='sub-desc'><p>The handler to remove. <b>This must be a reference to the function passed into the <a href=\"#!/api/Ext.util.Observable-method-addListener\" rel=\"Ext.util.Observable-method-addListener\" class=\"docClass\">addListener</a> call.</b></p>\n</div></li><li><span class='pre'>scope</span> : Object (optional)<div class='sub-desc'><p>The scope originally specified for the handler.</p>\n</div></li></ul></div></div></div><div id='method-update' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Component' rel='Ext.Component' class='defined-in docClass'>Ext.Component</a><br/><a href='source/Component.html#Ext-Component-method-update' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Component-method-update' class='name expandable'>update</a>( <span class='pre'>htmlOrData, loadScripts, callback</span> )</div><div class='description'><div class='short'>Update the content area of a component. ...</div><div class='long'><p>Update the content area of a component.</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>htmlOrData</span> : Mixed<div class='sub-desc'><p>If this component has been configured with a template via the tpl config\nthen it will use this argument as data to populate the template.\nIf this component was not configured with a template, the components\ncontent area will be updated via <a href=\"#!/api/Ext.Element\" rel=\"Ext.Element\" class=\"docClass\">Ext.Element</a> update</p>\n</div></li><li><span class='pre'>loadScripts</span> : Boolean<div class='sub-desc'><p>(optional) Only legitimate when using the html configuration. Defaults to false</p>\n</div></li><li><span class='pre'>callback</span> : <a href=\"#!/api/Function\" rel=\"Function\" class=\"docClass\">Function</a><div class='sub-desc'><p>(optional) Only legitimate when using the html configuration. Callback to execute when scripts have finished loading</p>\n</div></li></ul></div></div></div><div id='method-updateBox' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.BoxComponent' rel='Ext.BoxComponent' class='defined-in docClass'>Ext.BoxComponent</a><br/><a href='source/BoxComponent.html#Ext-BoxComponent-method-updateBox' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.BoxComponent-method-updateBox' class='name expandable'>updateBox</a>( <span class='pre'>box</span> ) : <a href=\"#!/api/Ext.BoxComponent\" rel=\"Ext.BoxComponent\" class=\"docClass\">Ext.BoxComponent</a><strong class='chainable signature' >chainable</strong></div><div class='description'><div class='short'>Sets the current box measurements of the component's underlying element. ...</div><div class='long'><p>Sets the current box measurements of the component's underlying element.</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>box</span> : Object<div class='sub-desc'><p>An object in the format {x, y, width, height}</p>\n</div></li></ul><h3 class='pa'>Returns</h3><ul><li><span class='pre'><a href=\"#!/api/Ext.BoxComponent\" rel=\"Ext.BoxComponent\" class=\"docClass\">Ext.BoxComponent</a></span><div class='sub-desc'><p>this</p>\n</div></li></ul></div></div></div><div id='method-walkCells' class='member not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Ext.grid.GridPanel'>Ext.grid.GridPanel</span><br/><a href='source/GridPanel.html#Ext-grid-GridPanel-method-walkCells' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.grid.GridPanel-method-walkCells' class='name expandable'>walkCells</a>( <span class='pre'>row, col, step, fn, scope</span> )<strong class='private signature' >private</strong></div><div class='description'><div class='short'>private ...</div><div class='long'><p>private</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>row</span> : Object<div class='sub-desc'>\n</div></li><li><span class='pre'>col</span> : Object<div class='sub-desc'>\n</div></li><li><span class='pre'>step</span> : Object<div class='sub-desc'>\n</div></li><li><span class='pre'>fn</span> : Object<div class='sub-desc'>\n</div></li><li><span class='pre'>scope</span> : Object<div class='sub-desc'>\n</div></li></ul></div></div></div></div></div><div class='members-section'><div class='definedBy'>Defined By</div><h3 class='members-title icon-event'>Events</h3><div class='subsection'><div id='event-activate' class='member first-child inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Panel' rel='Ext.Panel' class='defined-in docClass'>Ext.Panel</a><br/><a href='source/Panel.html#Ext-Panel-event-activate' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Panel-event-activate' class='name expandable'>activate</a>( <span class='pre'>p</span> )</div><div class='description'><div class='short'>Fires after the Panel has been visually activated. ...</div><div class='long'><p>Fires after the Panel has been visually activated.\nNote that Panels do not directly support being activated, but some Panel subclasses\ndo (like <a href=\"#!/api/Ext.Window\" rel=\"Ext.Window\" class=\"docClass\">Ext.Window</a>). Panels which are child Components of a TabPanel fire the\nactivate and deactivate events under the control of the TabPanel.</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>p</span> : <a href=\"#!/api/Ext.Panel\" rel=\"Ext.Panel\" class=\"docClass\">Ext.Panel</a><div class='sub-desc'><p>The Panel that has been activated.</p>\n</div></li></ul></div></div></div><div id='event-added' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Component' rel='Ext.Component' class='defined-in docClass'>Ext.Component</a><br/><a href='source/Component.html#Ext-Component-event-added' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Component-event-added' class='name expandable'>added</a>( <span class='pre'>this, ownerCt, index</span> )</div><div class='description'><div class='short'>Fires when a component is added to an Ext.Container ...</div><div class='long'><p>Fires when a component is added to an <a href=\"#!/api/Ext.Container\" rel=\"Ext.Container\" class=\"docClass\">Ext.Container</a></p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>this</span> : <a href=\"#!/api/Ext.Component\" rel=\"Ext.Component\" class=\"docClass\">Ext.Component</a><div class='sub-desc'>\n</div></li><li><span class='pre'>ownerCt</span> : <a href=\"#!/api/Ext.Container\" rel=\"Ext.Container\" class=\"docClass\">Ext.Container</a><div class='sub-desc'><p>Container which holds the component</p>\n</div></li><li><span class='pre'>index</span> : <a href=\"#!/api/Number\" rel=\"Number\" class=\"docClass\">number</a><div class='sub-desc'><p>Position at which the component was added</p>\n</div></li></ul></div></div></div><div id='event-afterrender' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Component' rel='Ext.Component' class='defined-in docClass'>Ext.Component</a><br/><a href='source/Component.html#Ext-Component-event-afterrender' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Component-event-afterrender' class='name expandable'>afterrender</a>( <span class='pre'>this</span> )</div><div class='description'><div class='short'>Fires after the component rendering is finished. ...</div><div class='long'><p>Fires after the component rendering is finished.</p>\n\n\n<p>The afterrender event is fired after this Component has been <a href=\"#!/api/Ext.Component-property-rendered\" rel=\"Ext.Component-property-rendered\" class=\"docClass\">rendered</a>, been postprocesed\nby any afterRender method defined for the Component, and, if <a href=\"#!/api/Ext.Component-cfg-stateful\" rel=\"Ext.Component-cfg-stateful\" class=\"docClass\">stateful</a>, after state\nhas been restored.</p>\n\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>this</span> : <a href=\"#!/api/Ext.Component\" rel=\"Ext.Component\" class=\"docClass\">Ext.Component</a><div class='sub-desc'>\n</div></li></ul></div></div></div><div id='event-beforeclose' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Panel' rel='Ext.Panel' class='defined-in docClass'>Ext.Panel</a><br/><a href='source/Panel.html#Ext-Panel-event-beforeclose' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Panel-event-beforeclose' class='name expandable'>beforeclose</a>( <span class='pre'>p</span> )</div><div class='description'><div class='short'>Fires before the Panel is closed. ...</div><div class='long'><p>Fires before the Panel is closed. Note that Panels do not directly support being closed, but some\nPanel subclasses do (like <a href=\"#!/api/Ext.Window\" rel=\"Ext.Window\" class=\"docClass\">Ext.Window</a>) or a Panel within a <a href=\"#!/api/Ext.TabPanel\" rel=\"Ext.TabPanel\" class=\"docClass\">Ext.TabPanel</a>. This event only\napplies to such subclasses.\nA handler can return false to cancel the close.</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>p</span> : <a href=\"#!/api/Ext.Panel\" rel=\"Ext.Panel\" class=\"docClass\">Ext.Panel</a><div class='sub-desc'><p>The Panel being closed.</p>\n</div></li></ul></div></div></div><div id='event-beforecollapse' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Panel' rel='Ext.Panel' class='defined-in docClass'>Ext.Panel</a><br/><a href='source/Panel.html#Ext-Panel-event-beforecollapse' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Panel-event-beforecollapse' class='name expandable'>beforecollapse</a>( <span class='pre'>p, animate</span> )</div><div class='description'><div class='short'>Fires before the Panel is collapsed. ...</div><div class='long'><p>Fires before the Panel is collapsed. A handler can return false to cancel the collapse.</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>p</span> : <a href=\"#!/api/Ext.Panel\" rel=\"Ext.Panel\" class=\"docClass\">Ext.Panel</a><div class='sub-desc'><p>the Panel being collapsed.</p>\n</div></li><li><span class='pre'>animate</span> : Boolean<div class='sub-desc'><p>True if the collapse is animated, else false.</p>\n</div></li></ul></div></div></div><div id='event-beforedestroy' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Component' rel='Ext.Component' class='defined-in docClass'>Ext.Component</a><br/><a href='source/Component.html#Ext-Component-event-beforedestroy' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Component-event-beforedestroy' class='name expandable'>beforedestroy</a>( <span class='pre'>this</span> )</div><div class='description'><div class='short'>Fires before the component is destroyed. ...</div><div class='long'><p>Fires before the component is <a href=\"#!/api/Ext.Component-event-destroy\" rel=\"Ext.Component-event-destroy\" class=\"docClass\">destroy</a>ed. Return false from an event handler to stop the <a href=\"#!/api/Ext.Component-event-destroy\" rel=\"Ext.Component-event-destroy\" class=\"docClass\">destroy</a>.</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>this</span> : <a href=\"#!/api/Ext.Component\" rel=\"Ext.Component\" class=\"docClass\">Ext.Component</a><div class='sub-desc'>\n</div></li></ul></div></div></div><div id='event-beforeexpand' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Panel' rel='Ext.Panel' class='defined-in docClass'>Ext.Panel</a><br/><a href='source/Panel.html#Ext-Panel-event-beforeexpand' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Panel-event-beforeexpand' class='name expandable'>beforeexpand</a>( <span class='pre'>p, animate</span> )</div><div class='description'><div class='short'>Fires before the Panel is expanded. ...</div><div class='long'><p>Fires before the Panel is expanded. A handler can return false to cancel the expand.</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>p</span> : <a href=\"#!/api/Ext.Panel\" rel=\"Ext.Panel\" class=\"docClass\">Ext.Panel</a><div class='sub-desc'><p>The Panel being expanded.</p>\n</div></li><li><span class='pre'>animate</span> : Boolean<div class='sub-desc'><p>True if the expand is animated, else false.</p>\n</div></li></ul></div></div></div><div id='event-beforehide' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Component' rel='Ext.Component' class='defined-in docClass'>Ext.Component</a><br/><a href='source/Component.html#Ext-Component-event-beforehide' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Component-event-beforehide' class='name expandable'>beforehide</a>( <span class='pre'>this</span> )</div><div class='description'><div class='short'>Fires before the component is hidden by calling the hide method. ...</div><div class='long'><p>Fires before the component is hidden by calling the <a href=\"#!/api/Ext.Component-method-hide\" rel=\"Ext.Component-method-hide\" class=\"docClass\">hide</a> method.\nReturn false from an event handler to stop the hide.</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>this</span> : <a href=\"#!/api/Ext.Component\" rel=\"Ext.Component\" class=\"docClass\">Ext.Component</a><div class='sub-desc'>\n</div></li></ul></div></div></div><div id='event-beforerender' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Component' rel='Ext.Component' class='defined-in docClass'>Ext.Component</a><br/><a href='source/Component.html#Ext-Component-event-beforerender' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Component-event-beforerender' class='name expandable'>beforerender</a>( <span class='pre'>this</span> )</div><div class='description'><div class='short'>Fires before the component is rendered. ...</div><div class='long'><p>Fires before the component is <a href=\"#!/api/Ext.Component-property-rendered\" rel=\"Ext.Component-property-rendered\" class=\"docClass\">rendered</a>. Return false from an\nevent handler to stop the <a href=\"#!/api/Ext.Component-method-render\" rel=\"Ext.Component-method-render\" class=\"docClass\">render</a>.</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>this</span> : <a href=\"#!/api/Ext.Component\" rel=\"Ext.Component\" class=\"docClass\">Ext.Component</a><div class='sub-desc'>\n</div></li></ul></div></div></div><div id='event-beforeshow' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Component' rel='Ext.Component' class='defined-in docClass'>Ext.Component</a><br/><a href='source/Component.html#Ext-Component-event-beforeshow' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Component-event-beforeshow' class='name expandable'>beforeshow</a>( <span class='pre'>this</span> )</div><div class='description'><div class='short'>Fires before the component is shown by calling the show method. ...</div><div class='long'><p>Fires before the component is shown by calling the <a href=\"#!/api/Ext.Component-method-show\" rel=\"Ext.Component-method-show\" class=\"docClass\">show</a> method.\nReturn false from an event handler to stop the show.</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>this</span> : <a href=\"#!/api/Ext.Component\" rel=\"Ext.Component\" class=\"docClass\">Ext.Component</a><div class='sub-desc'>\n</div></li></ul></div></div></div><div id='event-beforestaterestore' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Component' rel='Ext.Component' class='defined-in docClass'>Ext.Component</a><br/><a href='source/Component.html#Ext-Component-event-beforestaterestore' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Component-event-beforestaterestore' class='name expandable'>beforestaterestore</a>( <span class='pre'>this, state</span> )</div><div class='description'><div class='short'>Fires before the state of the component is restored. ...</div><div class='long'><p>Fires before the state of the component is restored. Return false from an event handler to stop the restore.</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>this</span> : <a href=\"#!/api/Ext.Component\" rel=\"Ext.Component\" class=\"docClass\">Ext.Component</a><div class='sub-desc'>\n</div></li><li><span class='pre'>state</span> : Object<div class='sub-desc'><p>The hash of state values returned from the StateProvider. If this\nevent is not vetoed, then the state object is passed to <b><tt>applyState</tt></b>. By default,\nthat simply copies property values into this Component. The method maybe overriden to\nprovide custom state restoration.</p>\n</div></li></ul></div></div></div><div id='event-beforestatesave' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Component' rel='Ext.Component' class='defined-in docClass'>Ext.Component</a><br/><a href='source/Component.html#Ext-Component-event-beforestatesave' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Component-event-beforestatesave' class='name expandable'>beforestatesave</a>( <span class='pre'>this, state</span> )</div><div class='description'><div class='short'>Fires before the state of the component is saved to the configured state provider. ...</div><div class='long'><p>Fires before the state of the component is saved to the configured state provider. Return false to stop the save.</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>this</span> : <a href=\"#!/api/Ext.Component\" rel=\"Ext.Component\" class=\"docClass\">Ext.Component</a><div class='sub-desc'>\n</div></li><li><span class='pre'>state</span> : Object<div class='sub-desc'><p>The hash of state values. This is determined by calling\n<b><tt>getState()</tt></b> on the Component. This method must be provided by the\ndeveloper to return whetever representation of state is required, by default, <a href=\"#!/api/Ext.Component\" rel=\"Ext.Component\" class=\"docClass\">Ext.Component</a>\nhas a null implementation.</p>\n</div></li></ul></div></div></div><div id='event-bodyresize' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Panel' rel='Ext.Panel' class='defined-in docClass'>Ext.Panel</a><br/><a href='source/Panel.html#Ext-Panel-event-bodyresize' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Panel-event-bodyresize' class='name expandable'>bodyresize</a>( <span class='pre'>p, width, height</span> )</div><div class='description'><div class='short'>Fires after the Panel has been resized. ...</div><div class='long'><p>Fires after the Panel has been resized.</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>p</span> : <a href=\"#!/api/Ext.Panel\" rel=\"Ext.Panel\" class=\"docClass\">Ext.Panel</a><div class='sub-desc'><p>the Panel which has been resized.</p>\n</div></li><li><span class='pre'>width</span> : <a href=\"#!/api/Number\" rel=\"Number\" class=\"docClass\">Number</a><div class='sub-desc'><p>The Panel body's new width.</p>\n</div></li><li><span class='pre'>height</span> : <a href=\"#!/api/Number\" rel=\"Number\" class=\"docClass\">Number</a><div class='sub-desc'><p>The Panel body's new height.</p>\n</div></li></ul></div></div></div><div id='event-bodyscroll' class='member not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Ext.grid.GridPanel'>Ext.grid.GridPanel</span><br/><a href='source/GridPanel.html#Ext-grid-GridPanel-event-bodyscroll' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.grid.GridPanel-event-bodyscroll' class='name expandable'>bodyscroll</a>( <span class='pre'>scrollLeft, scrollTop</span> )</div><div class='description'><div class='short'>Fires when the body element is scrolled ...</div><div class='long'><p>Fires when the body element is scrolled</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>scrollLeft</span> : <a href=\"#!/api/Number\" rel=\"Number\" class=\"docClass\">Number</a><div class='sub-desc'>\n</div></li><li><span class='pre'>scrollTop</span> : <a href=\"#!/api/Number\" rel=\"Number\" class=\"docClass\">Number</a><div class='sub-desc'>\n</div></li></ul></div></div></div><div id='event-cellclick' class='member not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Ext.grid.GridPanel'>Ext.grid.GridPanel</span><br/><a href='source/GridPanel.html#Ext-grid-GridPanel-event-cellclick' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.grid.GridPanel-event-cellclick' class='name expandable'>cellclick</a>( <span class='pre'>this, rowIndex, columnIndex, e</span> )</div><div class='description'><div class='short'>Fires when a cell is clicked. ...</div><div class='long'><p>Fires when a cell is clicked.\nThe data for the cell is drawn from the <a href=\"#!/api/Ext.data.Record\" rel=\"Ext.data.Record\" class=\"docClass\">Record</a>\nfor this row. To access the data in the listener function use the\nfollowing technique:</p>\n\n<pre><code>function(grid, rowIndex, columnIndex, e) {\n var record = grid.getStore().getAt(rowIndex); // Get the Record\n var fieldName = grid.getColumnModel().getDataIndex(columnIndex); // Get field name\n var data = record.get(fieldName);\n}\n</code></pre>\n\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>this</span> : Grid<div class='sub-desc'>\n</div></li><li><span class='pre'>rowIndex</span> : <a href=\"#!/api/Number\" rel=\"Number\" class=\"docClass\">Number</a><div class='sub-desc'>\n</div></li><li><span class='pre'>columnIndex</span> : <a href=\"#!/api/Number\" rel=\"Number\" class=\"docClass\">Number</a><div class='sub-desc'>\n</div></li><li><span class='pre'>e</span> : <a href=\"#!/api/Ext.EventObject\" rel=\"Ext.EventObject\" class=\"docClass\">Ext.EventObject</a><div class='sub-desc'>\n</div></li></ul></div></div></div><div id='event-cellcontextmenu' class='member not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Ext.grid.GridPanel'>Ext.grid.GridPanel</span><br/><a href='source/GridPanel.html#Ext-grid-GridPanel-event-cellcontextmenu' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.grid.GridPanel-event-cellcontextmenu' class='name expandable'>cellcontextmenu</a>( <span class='pre'>this, rowIndex, cellIndex, e</span> )</div><div class='description'><div class='short'>Fires when a cell is right clicked ...</div><div class='long'><p>Fires when a cell is right clicked</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>this</span> : Grid<div class='sub-desc'>\n</div></li><li><span class='pre'>rowIndex</span> : <a href=\"#!/api/Number\" rel=\"Number\" class=\"docClass\">Number</a><div class='sub-desc'>\n</div></li><li><span class='pre'>cellIndex</span> : <a href=\"#!/api/Number\" rel=\"Number\" class=\"docClass\">Number</a><div class='sub-desc'>\n</div></li><li><span class='pre'>e</span> : <a href=\"#!/api/Ext.EventObject\" rel=\"Ext.EventObject\" class=\"docClass\">Ext.EventObject</a><div class='sub-desc'>\n</div></li></ul></div></div></div><div id='event-celldblclick' class='member not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Ext.grid.GridPanel'>Ext.grid.GridPanel</span><br/><a href='source/GridPanel.html#Ext-grid-GridPanel-event-celldblclick' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.grid.GridPanel-event-celldblclick' class='name expandable'>celldblclick</a>( <span class='pre'>this, rowIndex, columnIndex, e</span> )</div><div class='description'><div class='short'>Fires when a cell is double clicked ...</div><div class='long'><p>Fires when a cell is double clicked</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>this</span> : Grid<div class='sub-desc'>\n</div></li><li><span class='pre'>rowIndex</span> : <a href=\"#!/api/Number\" rel=\"Number\" class=\"docClass\">Number</a><div class='sub-desc'>\n</div></li><li><span class='pre'>columnIndex</span> : <a href=\"#!/api/Number\" rel=\"Number\" class=\"docClass\">Number</a><div class='sub-desc'>\n</div></li><li><span class='pre'>e</span> : <a href=\"#!/api/Ext.EventObject\" rel=\"Ext.EventObject\" class=\"docClass\">Ext.EventObject</a><div class='sub-desc'>\n</div></li></ul></div></div></div><div id='event-cellmousedown' class='member not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Ext.grid.GridPanel'>Ext.grid.GridPanel</span><br/><a href='source/GridPanel.html#Ext-grid-GridPanel-event-cellmousedown' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.grid.GridPanel-event-cellmousedown' class='name expandable'>cellmousedown</a>( <span class='pre'>this, rowIndex, columnIndex, e</span> )</div><div class='description'><div class='short'>Fires before a cell is clicked ...</div><div class='long'><p>Fires before a cell is clicked</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>this</span> : Grid<div class='sub-desc'>\n</div></li><li><span class='pre'>rowIndex</span> : <a href=\"#!/api/Number\" rel=\"Number\" class=\"docClass\">Number</a><div class='sub-desc'>\n</div></li><li><span class='pre'>columnIndex</span> : <a href=\"#!/api/Number\" rel=\"Number\" class=\"docClass\">Number</a><div class='sub-desc'>\n</div></li><li><span class='pre'>e</span> : <a href=\"#!/api/Ext.EventObject\" rel=\"Ext.EventObject\" class=\"docClass\">Ext.EventObject</a><div class='sub-desc'>\n</div></li></ul></div></div></div><div id='event-click' class='member not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Ext.grid.GridPanel'>Ext.grid.GridPanel</span><br/><a href='source/GridPanel.html#Ext-grid-GridPanel-event-click' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.grid.GridPanel-event-click' class='name expandable'>click</a>( <span class='pre'>e</span> )</div><div class='description'><div class='short'>The raw click event for the entire grid. ...</div><div class='long'><p>The raw click event for the entire grid.</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>e</span> : <a href=\"#!/api/Ext.EventObject\" rel=\"Ext.EventObject\" class=\"docClass\">Ext.EventObject</a><div class='sub-desc'>\n</div></li></ul></div></div></div><div id='event-close' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Panel' rel='Ext.Panel' class='defined-in docClass'>Ext.Panel</a><br/><a href='source/Panel.html#Ext-Panel-event-close' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Panel-event-close' class='name expandable'>close</a>( <span class='pre'>p</span> )</div><div class='description'><div class='short'>Fires after the Panel is closed. ...</div><div class='long'><p>Fires after the Panel is closed. Note that Panels do not directly support being closed, but some\nPanel subclasses do (like <a href=\"#!/api/Ext.Window\" rel=\"Ext.Window\" class=\"docClass\">Ext.Window</a>) or a Panel within a <a href=\"#!/api/Ext.TabPanel\" rel=\"Ext.TabPanel\" class=\"docClass\">Ext.TabPanel</a>.</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>p</span> : <a href=\"#!/api/Ext.Panel\" rel=\"Ext.Panel\" class=\"docClass\">Ext.Panel</a><div class='sub-desc'><p>The Panel that has been closed.</p>\n</div></li></ul></div></div></div><div id='event-collapse' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Panel' rel='Ext.Panel' class='defined-in docClass'>Ext.Panel</a><br/><a href='source/Panel.html#Ext-Panel-event-collapse' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Panel-event-collapse' class='name expandable'>collapse</a>( <span class='pre'>p</span> )</div><div class='description'><div class='short'>Fires after the Panel has been collapsed. ...</div><div class='long'><p>Fires after the Panel has been collapsed.</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>p</span> : <a href=\"#!/api/Ext.Panel\" rel=\"Ext.Panel\" class=\"docClass\">Ext.Panel</a><div class='sub-desc'><p>the Panel that has been collapsed.</p>\n</div></li></ul></div></div></div><div id='event-columnmove' class='member not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Ext.grid.GridPanel'>Ext.grid.GridPanel</span><br/><a href='source/GridPanel.html#Ext-grid-GridPanel-event-columnmove' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.grid.GridPanel-event-columnmove' class='name expandable'>columnmove</a>( <span class='pre'>oldIndex, newIndex</span> )</div><div class='description'><div class='short'>Fires when the user moves a column ...</div><div class='long'><p>Fires when the user moves a column</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>oldIndex</span> : <a href=\"#!/api/Number\" rel=\"Number\" class=\"docClass\">Number</a><div class='sub-desc'>\n</div></li><li><span class='pre'>newIndex</span> : <a href=\"#!/api/Number\" rel=\"Number\" class=\"docClass\">Number</a><div class='sub-desc'>\n</div></li></ul></div></div></div><div id='event-columnresize' class='member not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Ext.grid.GridPanel'>Ext.grid.GridPanel</span><br/><a href='source/GridPanel.html#Ext-grid-GridPanel-event-columnresize' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.grid.GridPanel-event-columnresize' class='name expandable'>columnresize</a>( <span class='pre'>columnIndex, newSize</span> )</div><div class='description'><div class='short'>Fires when the user resizes a column ...</div><div class='long'><p>Fires when the user resizes a column</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>columnIndex</span> : <a href=\"#!/api/Number\" rel=\"Number\" class=\"docClass\">Number</a><div class='sub-desc'>\n</div></li><li><span class='pre'>newSize</span> : <a href=\"#!/api/Number\" rel=\"Number\" class=\"docClass\">Number</a><div class='sub-desc'>\n</div></li></ul></div></div></div><div id='event-containerclick' class='member not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Ext.grid.GridPanel'>Ext.grid.GridPanel</span><br/><a href='source/GridPanel.html#Ext-grid-GridPanel-event-containerclick' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.grid.GridPanel-event-containerclick' class='name expandable'>containerclick</a>( <span class='pre'>this, e</span> )</div><div class='description'><div class='short'>Fires when the container is clicked. ...</div><div class='long'><p>Fires when the container is clicked. The container consists of any part of the grid body that is not covered by a row.</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>this</span> : Grid<div class='sub-desc'>\n</div></li><li><span class='pre'>e</span> : <a href=\"#!/api/Ext.EventObject\" rel=\"Ext.EventObject\" class=\"docClass\">Ext.EventObject</a><div class='sub-desc'>\n</div></li></ul></div></div></div><div id='event-containercontextmenu' class='member not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Ext.grid.GridPanel'>Ext.grid.GridPanel</span><br/><a href='source/GridPanel.html#Ext-grid-GridPanel-event-containercontextmenu' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.grid.GridPanel-event-containercontextmenu' class='name expandable'>containercontextmenu</a>( <span class='pre'>this, e</span> )</div><div class='description'><div class='short'>Fires when the container is right clicked. ...</div><div class='long'><p>Fires when the container is right clicked. The container consists of any part of the grid body that is not covered by a row.</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>this</span> : Grid<div class='sub-desc'>\n</div></li><li><span class='pre'>e</span> : <a href=\"#!/api/Ext.EventObject\" rel=\"Ext.EventObject\" class=\"docClass\">Ext.EventObject</a><div class='sub-desc'>\n</div></li></ul></div></div></div><div id='event-containerdblclick' class='member not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Ext.grid.GridPanel'>Ext.grid.GridPanel</span><br/><a href='source/GridPanel.html#Ext-grid-GridPanel-event-containerdblclick' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.grid.GridPanel-event-containerdblclick' class='name expandable'>containerdblclick</a>( <span class='pre'>this, e</span> )</div><div class='description'><div class='short'>Fires when the container is double clicked. ...</div><div class='long'><p>Fires when the container is double clicked. The container consists of any part of the grid body that is not covered by a row.</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>this</span> : Grid<div class='sub-desc'>\n</div></li><li><span class='pre'>e</span> : <a href=\"#!/api/Ext.EventObject\" rel=\"Ext.EventObject\" class=\"docClass\">Ext.EventObject</a><div class='sub-desc'>\n</div></li></ul></div></div></div><div id='event-containermousedown' class='member not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Ext.grid.GridPanel'>Ext.grid.GridPanel</span><br/><a href='source/GridPanel.html#Ext-grid-GridPanel-event-containermousedown' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.grid.GridPanel-event-containermousedown' class='name expandable'>containermousedown</a>( <span class='pre'>this, e</span> )</div><div class='description'><div class='short'>Fires before the container is clicked. ...</div><div class='long'><p>Fires before the container is clicked. The container consists of any part of the grid body that is not covered by a row.</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>this</span> : Grid<div class='sub-desc'>\n</div></li><li><span class='pre'>e</span> : <a href=\"#!/api/Ext.EventObject\" rel=\"Ext.EventObject\" class=\"docClass\">Ext.EventObject</a><div class='sub-desc'>\n</div></li></ul></div></div></div><div id='event-contextmenu' class='member not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Ext.grid.GridPanel'>Ext.grid.GridPanel</span><br/><a href='source/GridPanel.html#Ext-grid-GridPanel-event-contextmenu' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.grid.GridPanel-event-contextmenu' class='name expandable'>contextmenu</a>( <span class='pre'>e</span> )</div><div class='description'><div class='short'>The raw contextmenu event for the entire grid. ...</div><div class='long'><p>The raw contextmenu event for the entire grid.</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>e</span> : <a href=\"#!/api/Ext.EventObject\" rel=\"Ext.EventObject\" class=\"docClass\">Ext.EventObject</a><div class='sub-desc'>\n</div></li></ul></div></div></div><div id='event-dblclick' class='member not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Ext.grid.GridPanel'>Ext.grid.GridPanel</span><br/><a href='source/GridPanel.html#Ext-grid-GridPanel-event-dblclick' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.grid.GridPanel-event-dblclick' class='name expandable'>dblclick</a>( <span class='pre'>e</span> )</div><div class='description'><div class='short'>The raw dblclick event for the entire grid. ...</div><div class='long'><p>The raw dblclick event for the entire grid.</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>e</span> : <a href=\"#!/api/Ext.EventObject\" rel=\"Ext.EventObject\" class=\"docClass\">Ext.EventObject</a><div class='sub-desc'>\n</div></li></ul></div></div></div><div id='event-deactivate' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Panel' rel='Ext.Panel' class='defined-in docClass'>Ext.Panel</a><br/><a href='source/Panel.html#Ext-Panel-event-deactivate' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Panel-event-deactivate' class='name expandable'>deactivate</a>( <span class='pre'>p</span> )</div><div class='description'><div class='short'>Fires after the Panel has been visually deactivated. ...</div><div class='long'><p>Fires after the Panel has been visually deactivated.\nNote that Panels do not directly support being deactivated, but some Panel subclasses\ndo (like <a href=\"#!/api/Ext.Window\" rel=\"Ext.Window\" class=\"docClass\">Ext.Window</a>). Panels which are child Components of a TabPanel fire the\nactivate and deactivate events under the control of the TabPanel.</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>p</span> : <a href=\"#!/api/Ext.Panel\" rel=\"Ext.Panel\" class=\"docClass\">Ext.Panel</a><div class='sub-desc'><p>The Panel that has been deactivated.</p>\n</div></li></ul></div></div></div><div id='event-destroy' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Component' rel='Ext.Component' class='defined-in docClass'>Ext.Component</a><br/><a href='source/Component.html#Ext-Component-event-destroy' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Component-event-destroy' class='name expandable'>destroy</a>( <span class='pre'>this</span> )</div><div class='description'><div class='short'>Fires after the component is destroyed. ...</div><div class='long'><p>Fires after the component is <a href=\"#!/api/Ext.Component-event-destroy\" rel=\"Ext.Component-event-destroy\" class=\"docClass\">destroy</a>ed.</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>this</span> : <a href=\"#!/api/Ext.Component\" rel=\"Ext.Component\" class=\"docClass\">Ext.Component</a><div class='sub-desc'>\n</div></li></ul></div></div></div><div id='event-disable' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Component' rel='Ext.Component' class='defined-in docClass'>Ext.Component</a><br/><a href='source/Component.html#Ext-Component-event-disable' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Component-event-disable' class='name expandable'>disable</a>( <span class='pre'>this</span> )</div><div class='description'><div class='short'>Fires after the component is disabled. ...</div><div class='long'><p>Fires after the component is disabled.</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>this</span> : <a href=\"#!/api/Ext.Component\" rel=\"Ext.Component\" class=\"docClass\">Ext.Component</a><div class='sub-desc'>\n</div></li></ul></div></div></div><div id='event-enable' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Component' rel='Ext.Component' class='defined-in docClass'>Ext.Component</a><br/><a href='source/Component.html#Ext-Component-event-enable' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Component-event-enable' class='name expandable'>enable</a>( <span class='pre'>this</span> )</div><div class='description'><div class='short'>Fires after the component is enabled. ...</div><div class='long'><p>Fires after the component is enabled.</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>this</span> : <a href=\"#!/api/Ext.Component\" rel=\"Ext.Component\" class=\"docClass\">Ext.Component</a><div class='sub-desc'>\n</div></li></ul></div></div></div><div id='event-expand' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Panel' rel='Ext.Panel' class='defined-in docClass'>Ext.Panel</a><br/><a href='source/Panel.html#Ext-Panel-event-expand' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Panel-event-expand' class='name expandable'>expand</a>( <span class='pre'>p</span> )</div><div class='description'><div class='short'>Fires after the Panel has been expanded. ...</div><div class='long'><p>Fires after the Panel has been expanded.</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>p</span> : <a href=\"#!/api/Ext.Panel\" rel=\"Ext.Panel\" class=\"docClass\">Ext.Panel</a><div class='sub-desc'><p>The Panel that has been expanded.</p>\n</div></li></ul></div></div></div><div id='event-groupchange' class='member not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Ext.grid.GridPanel'>Ext.grid.GridPanel</span><br/><a href='source/GridPanel.html#Ext-grid-GridPanel-event-groupchange' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.grid.GridPanel-event-groupchange' class='name expandable'>groupchange</a>( <span class='pre'>this, groupField</span> )</div><div class='description'><div class='short'>Fires when the grid's grouping changes (only applies for grids with a GroupingView) ...</div><div class='long'><p>Fires when the grid's grouping changes (only applies for grids with a <a href=\"#!/api/Ext.grid.GroupingView\" rel=\"Ext.grid.GroupingView\" class=\"docClass\">GroupingView</a>)</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>this</span> : Grid<div class='sub-desc'>\n</div></li><li><span class='pre'>groupField</span> : <a href=\"#!/api/String\" rel=\"String\" class=\"docClass\">String</a><div class='sub-desc'><p>A string with the grouping field, null if the store is not grouped.</p>\n</div></li></ul></div></div></div><div id='event-groupclick' class='member not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Ext.grid.GridPanel'>Ext.grid.GridPanel</span><br/><a href='source/GridPanel.html#Ext-grid-GridPanel-event-groupclick' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.grid.GridPanel-event-groupclick' class='name expandable'>groupclick</a>( <span class='pre'>this, groupField, groupValue, e</span> )</div><div class='description'><div class='short'>Fires when group header is clicked. ...</div><div class='long'><p>Fires when group header is clicked. <b>Only applies for grids with a <a href=\"#!/api/Ext.grid.GroupingView\" rel=\"Ext.grid.GroupingView\" class=\"docClass\">GroupingView</a></b>.</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>this</span> : Grid<div class='sub-desc'>\n</div></li><li><span class='pre'>groupField</span> : <a href=\"#!/api/String\" rel=\"String\" class=\"docClass\">String</a><div class='sub-desc'>\n</div></li><li><span class='pre'>groupValue</span> : <a href=\"#!/api/String\" rel=\"String\" class=\"docClass\">String</a><div class='sub-desc'>\n</div></li><li><span class='pre'>e</span> : <a href=\"#!/api/Ext.EventObject\" rel=\"Ext.EventObject\" class=\"docClass\">Ext.EventObject</a><div class='sub-desc'>\n</div></li></ul></div></div></div><div id='event-groupcontextmenu' class='member not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Ext.grid.GridPanel'>Ext.grid.GridPanel</span><br/><a href='source/GridPanel.html#Ext-grid-GridPanel-event-groupcontextmenu' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.grid.GridPanel-event-groupcontextmenu' class='name expandable'>groupcontextmenu</a>( <span class='pre'>this, groupField, groupValue, e</span> )</div><div class='description'><div class='short'>Fires when group header is right clicked. ...</div><div class='long'><p>Fires when group header is right clicked. <b>Only applies for grids with a <a href=\"#!/api/Ext.grid.GroupingView\" rel=\"Ext.grid.GroupingView\" class=\"docClass\">GroupingView</a></b>.</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>this</span> : Grid<div class='sub-desc'>\n</div></li><li><span class='pre'>groupField</span> : <a href=\"#!/api/String\" rel=\"String\" class=\"docClass\">String</a><div class='sub-desc'>\n</div></li><li><span class='pre'>groupValue</span> : <a href=\"#!/api/String\" rel=\"String\" class=\"docClass\">String</a><div class='sub-desc'>\n</div></li><li><span class='pre'>e</span> : <a href=\"#!/api/Ext.EventObject\" rel=\"Ext.EventObject\" class=\"docClass\">Ext.EventObject</a><div class='sub-desc'>\n</div></li></ul></div></div></div><div id='event-groupdblclick' class='member not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Ext.grid.GridPanel'>Ext.grid.GridPanel</span><br/><a href='source/GridPanel.html#Ext-grid-GridPanel-event-groupdblclick' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.grid.GridPanel-event-groupdblclick' class='name expandable'>groupdblclick</a>( <span class='pre'>this, groupField, groupValue, e</span> )</div><div class='description'><div class='short'>Fires when group header is double clicked. ...</div><div class='long'><p>Fires when group header is double clicked. <b>Only applies for grids with a <a href=\"#!/api/Ext.grid.GroupingView\" rel=\"Ext.grid.GroupingView\" class=\"docClass\">GroupingView</a></b>.</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>this</span> : Grid<div class='sub-desc'>\n</div></li><li><span class='pre'>groupField</span> : <a href=\"#!/api/String\" rel=\"String\" class=\"docClass\">String</a><div class='sub-desc'>\n</div></li><li><span class='pre'>groupValue</span> : <a href=\"#!/api/String\" rel=\"String\" class=\"docClass\">String</a><div class='sub-desc'>\n</div></li><li><span class='pre'>e</span> : <a href=\"#!/api/Ext.EventObject\" rel=\"Ext.EventObject\" class=\"docClass\">Ext.EventObject</a><div class='sub-desc'>\n</div></li></ul></div></div></div><div id='event-groupmousedown' class='member not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Ext.grid.GridPanel'>Ext.grid.GridPanel</span><br/><a href='source/GridPanel.html#Ext-grid-GridPanel-event-groupmousedown' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.grid.GridPanel-event-groupmousedown' class='name expandable'>groupmousedown</a>( <span class='pre'>this, groupField, groupValue, e</span> )</div><div class='description'><div class='short'>Fires before a group header is clicked. ...</div><div class='long'><p>Fires before a group header is clicked. <b>Only applies for grids with a <a href=\"#!/api/Ext.grid.GroupingView\" rel=\"Ext.grid.GroupingView\" class=\"docClass\">GroupingView</a></b>.</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>this</span> : Grid<div class='sub-desc'>\n</div></li><li><span class='pre'>groupField</span> : <a href=\"#!/api/String\" rel=\"String\" class=\"docClass\">String</a><div class='sub-desc'>\n</div></li><li><span class='pre'>groupValue</span> : <a href=\"#!/api/String\" rel=\"String\" class=\"docClass\">String</a><div class='sub-desc'>\n</div></li><li><span class='pre'>e</span> : <a href=\"#!/api/Ext.EventObject\" rel=\"Ext.EventObject\" class=\"docClass\">Ext.EventObject</a><div class='sub-desc'>\n</div></li></ul></div></div></div><div id='event-headerclick' class='member not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Ext.grid.GridPanel'>Ext.grid.GridPanel</span><br/><a href='source/GridPanel.html#Ext-grid-GridPanel-event-headerclick' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.grid.GridPanel-event-headerclick' class='name expandable'>headerclick</a>( <span class='pre'>this, columnIndex, e</span> )</div><div class='description'><div class='short'>Fires when a header is clicked ...</div><div class='long'><p>Fires when a header is clicked</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>this</span> : Grid<div class='sub-desc'>\n</div></li><li><span class='pre'>columnIndex</span> : <a href=\"#!/api/Number\" rel=\"Number\" class=\"docClass\">Number</a><div class='sub-desc'>\n</div></li><li><span class='pre'>e</span> : <a href=\"#!/api/Ext.EventObject\" rel=\"Ext.EventObject\" class=\"docClass\">Ext.EventObject</a><div class='sub-desc'>\n</div></li></ul></div></div></div><div id='event-headercontextmenu' class='member not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Ext.grid.GridPanel'>Ext.grid.GridPanel</span><br/><a href='source/GridPanel.html#Ext-grid-GridPanel-event-headercontextmenu' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.grid.GridPanel-event-headercontextmenu' class='name expandable'>headercontextmenu</a>( <span class='pre'>this, columnIndex, e</span> )</div><div class='description'><div class='short'>Fires when a header is right clicked ...</div><div class='long'><p>Fires when a header is right clicked</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>this</span> : Grid<div class='sub-desc'>\n</div></li><li><span class='pre'>columnIndex</span> : <a href=\"#!/api/Number\" rel=\"Number\" class=\"docClass\">Number</a><div class='sub-desc'>\n</div></li><li><span class='pre'>e</span> : <a href=\"#!/api/Ext.EventObject\" rel=\"Ext.EventObject\" class=\"docClass\">Ext.EventObject</a><div class='sub-desc'>\n</div></li></ul></div></div></div><div id='event-headerdblclick' class='member not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Ext.grid.GridPanel'>Ext.grid.GridPanel</span><br/><a href='source/GridPanel.html#Ext-grid-GridPanel-event-headerdblclick' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.grid.GridPanel-event-headerdblclick' class='name expandable'>headerdblclick</a>( <span class='pre'>this, columnIndex, e</span> )</div><div class='description'><div class='short'>Fires when a header cell is double clicked ...</div><div class='long'><p>Fires when a header cell is double clicked</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>this</span> : Grid<div class='sub-desc'>\n</div></li><li><span class='pre'>columnIndex</span> : <a href=\"#!/api/Number\" rel=\"Number\" class=\"docClass\">Number</a><div class='sub-desc'>\n</div></li><li><span class='pre'>e</span> : <a href=\"#!/api/Ext.EventObject\" rel=\"Ext.EventObject\" class=\"docClass\">Ext.EventObject</a><div class='sub-desc'>\n</div></li></ul></div></div></div><div id='event-headermousedown' class='member not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Ext.grid.GridPanel'>Ext.grid.GridPanel</span><br/><a href='source/GridPanel.html#Ext-grid-GridPanel-event-headermousedown' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.grid.GridPanel-event-headermousedown' class='name expandable'>headermousedown</a>( <span class='pre'>this, columnIndex, e</span> )</div><div class='description'><div class='short'>Fires before a header is clicked ...</div><div class='long'><p>Fires before a header is clicked</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>this</span> : Grid<div class='sub-desc'>\n</div></li><li><span class='pre'>columnIndex</span> : <a href=\"#!/api/Number\" rel=\"Number\" class=\"docClass\">Number</a><div class='sub-desc'>\n</div></li><li><span class='pre'>e</span> : <a href=\"#!/api/Ext.EventObject\" rel=\"Ext.EventObject\" class=\"docClass\">Ext.EventObject</a><div class='sub-desc'>\n</div></li></ul></div></div></div><div id='event-hide' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Component' rel='Ext.Component' class='defined-in docClass'>Ext.Component</a><br/><a href='source/Component.html#Ext-Component-event-hide' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Component-event-hide' class='name expandable'>hide</a>( <span class='pre'>this</span> )</div><div class='description'><div class='short'>Fires after the component is hidden. ...</div><div class='long'><p>Fires after the component is hidden.\nFires after the component is hidden when calling the <a href=\"#!/api/Ext.Component-method-hide\" rel=\"Ext.Component-method-hide\" class=\"docClass\">hide</a> method.</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>this</span> : <a href=\"#!/api/Ext.Component\" rel=\"Ext.Component\" class=\"docClass\">Ext.Component</a><div class='sub-desc'>\n</div></li></ul></div></div></div><div id='event-iconchange' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Panel' rel='Ext.Panel' class='defined-in docClass'>Ext.Panel</a><br/><a href='source/Panel.html#Ext-Panel-event-iconchange' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Panel-event-iconchange' class='name expandable'>iconchange</a>( <span class='pre'>p, newIcon, oldIcon</span> )</div><div class='description'><div class='short'>Fires after the Panel icon class has been set or changed. ...</div><div class='long'><p>Fires after the Panel icon class has been <a href=\"#!/api/Ext.Panel-cfg-iconCls\" rel=\"Ext.Panel-cfg-iconCls\" class=\"docClass\">set</a> or <a href=\"#!/api/Ext.Panel-method-setIconClass\" rel=\"Ext.Panel-method-setIconClass\" class=\"docClass\">changed</a>.</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>p</span> : <a href=\"#!/api/Ext.Panel\" rel=\"Ext.Panel\" class=\"docClass\">Ext.Panel</a><div class='sub-desc'><p>the Panel which has had its <a href=\"#!/api/Ext.Panel-cfg-iconCls\" rel=\"Ext.Panel-cfg-iconCls\" class=\"docClass\">icon class</a> changed.</p>\n</div></li><li><span class='pre'>newIcon</span> : <a href=\"#!/api/String\" rel=\"String\" class=\"docClass\">String</a><div class='sub-desc'><p>The new icon class.</p>\n</div></li><li><span class='pre'>oldIcon</span> : <a href=\"#!/api/String\" rel=\"String\" class=\"docClass\">String</a><div class='sub-desc'><p>The old icon class.</p>\n</div></li></ul></div></div></div><div id='event-keydown' class='member not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Ext.grid.GridPanel'>Ext.grid.GridPanel</span><br/><a href='source/GridPanel.html#Ext-grid-GridPanel-event-keydown' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.grid.GridPanel-event-keydown' class='name expandable'>keydown</a>( <span class='pre'>e</span> )</div><div class='description'><div class='short'>The raw keydown event for the entire grid. ...</div><div class='long'><p>The raw keydown event for the entire grid.</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>e</span> : <a href=\"#!/api/Ext.EventObject\" rel=\"Ext.EventObject\" class=\"docClass\">Ext.EventObject</a><div class='sub-desc'>\n</div></li></ul></div></div></div><div id='event-keypress' class='member not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Ext.grid.GridPanel'>Ext.grid.GridPanel</span><br/><a href='source/GridPanel.html#Ext-grid-GridPanel-event-keypress' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.grid.GridPanel-event-keypress' class='name expandable'>keypress</a>( <span class='pre'>e</span> )</div><div class='description'><div class='short'>The raw keypress event for the entire grid. ...</div><div class='long'><p>The raw keypress event for the entire grid.</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>e</span> : <a href=\"#!/api/Ext.EventObject\" rel=\"Ext.EventObject\" class=\"docClass\">Ext.EventObject</a><div class='sub-desc'>\n</div></li></ul></div></div></div><div id='event-mousedown' class='member not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Ext.grid.GridPanel'>Ext.grid.GridPanel</span><br/><a href='source/GridPanel.html#Ext-grid-GridPanel-event-mousedown' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.grid.GridPanel-event-mousedown' class='name expandable'>mousedown</a>( <span class='pre'>e</span> )</div><div class='description'><div class='short'>The raw mousedown event for the entire grid. ...</div><div class='long'><p>The raw mousedown event for the entire grid.</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>e</span> : <a href=\"#!/api/Ext.EventObject\" rel=\"Ext.EventObject\" class=\"docClass\">Ext.EventObject</a><div class='sub-desc'>\n</div></li></ul></div></div></div><div id='event-mouseout' class='member not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Ext.grid.GridPanel'>Ext.grid.GridPanel</span><br/><a href='source/GridPanel.html#Ext-grid-GridPanel-event-mouseout' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.grid.GridPanel-event-mouseout' class='name expandable'>mouseout</a>( <span class='pre'>e</span> )</div><div class='description'><div class='short'>The raw mouseout event for the entire grid. ...</div><div class='long'><p>The raw mouseout event for the entire grid.</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>e</span> : <a href=\"#!/api/Ext.EventObject\" rel=\"Ext.EventObject\" class=\"docClass\">Ext.EventObject</a><div class='sub-desc'>\n</div></li></ul></div></div></div><div id='event-mouseover' class='member not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Ext.grid.GridPanel'>Ext.grid.GridPanel</span><br/><a href='source/GridPanel.html#Ext-grid-GridPanel-event-mouseover' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.grid.GridPanel-event-mouseover' class='name expandable'>mouseover</a>( <span class='pre'>e</span> )</div><div class='description'><div class='short'>The raw mouseover event for the entire grid. ...</div><div class='long'><p>The raw mouseover event for the entire grid.</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>e</span> : <a href=\"#!/api/Ext.EventObject\" rel=\"Ext.EventObject\" class=\"docClass\">Ext.EventObject</a><div class='sub-desc'>\n</div></li></ul></div></div></div><div id='event-mouseup' class='member not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Ext.grid.GridPanel'>Ext.grid.GridPanel</span><br/><a href='source/GridPanel.html#Ext-grid-GridPanel-event-mouseup' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.grid.GridPanel-event-mouseup' class='name expandable'>mouseup</a>( <span class='pre'>e</span> )</div><div class='description'><div class='short'>The raw mouseup event for the entire grid. ...</div><div class='long'><p>The raw mouseup event for the entire grid.</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>e</span> : <a href=\"#!/api/Ext.EventObject\" rel=\"Ext.EventObject\" class=\"docClass\">Ext.EventObject</a><div class='sub-desc'>\n</div></li></ul></div></div></div><div id='event-move' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.BoxComponent' rel='Ext.BoxComponent' class='defined-in docClass'>Ext.BoxComponent</a><br/><a href='source/BoxComponent.html#Ext-BoxComponent-event-move' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.BoxComponent-event-move' class='name expandable'>move</a>( <span class='pre'>this, x, y</span> )</div><div class='description'><div class='short'>Fires after the component is moved. ...</div><div class='long'><p>Fires after the component is moved.</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>this</span> : <a href=\"#!/api/Ext.Component\" rel=\"Ext.Component\" class=\"docClass\">Ext.Component</a><div class='sub-desc'>\n</div></li><li><span class='pre'>x</span> : <a href=\"#!/api/Number\" rel=\"Number\" class=\"docClass\">Number</a><div class='sub-desc'><p>The new x position</p>\n</div></li><li><span class='pre'>y</span> : <a href=\"#!/api/Number\" rel=\"Number\" class=\"docClass\">Number</a><div class='sub-desc'><p>The new y position</p>\n</div></li></ul></div></div></div><div id='event-reconfigure' class='member not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Ext.grid.GridPanel'>Ext.grid.GridPanel</span><br/><a href='source/GridPanel.html#Ext-grid-GridPanel-event-reconfigure' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.grid.GridPanel-event-reconfigure' class='name expandable'>reconfigure</a>( <span class='pre'>this, store, colModel</span> )</div><div class='description'><div class='short'>Fires when the grid is reconfigured with a new store and/or column model. ...</div><div class='long'><p>Fires when the grid is reconfigured with a new store and/or column model.</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>this</span> : Grid<div class='sub-desc'>\n</div></li><li><span class='pre'>store</span> : <a href=\"#!/api/Ext.data.Store\" rel=\"Ext.data.Store\" class=\"docClass\">Ext.data.Store</a><div class='sub-desc'><p>The new store</p>\n</div></li><li><span class='pre'>colModel</span> : <a href=\"#!/api/Ext.grid.ColumnModel\" rel=\"Ext.grid.ColumnModel\" class=\"docClass\">Ext.grid.ColumnModel</a><div class='sub-desc'><p>The new column model</p>\n</div></li></ul></div></div></div><div id='event-removed' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Component' rel='Ext.Component' class='defined-in docClass'>Ext.Component</a><br/><a href='source/Component.html#Ext-Component-event-removed' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Component-event-removed' class='name expandable'>removed</a>( <span class='pre'>this, ownerCt</span> )</div><div class='description'><div class='short'>Fires when a component is removed from an Ext.Container ...</div><div class='long'><p>Fires when a component is removed from an <a href=\"#!/api/Ext.Container\" rel=\"Ext.Container\" class=\"docClass\">Ext.Container</a></p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>this</span> : <a href=\"#!/api/Ext.Component\" rel=\"Ext.Component\" class=\"docClass\">Ext.Component</a><div class='sub-desc'>\n</div></li><li><span class='pre'>ownerCt</span> : <a href=\"#!/api/Ext.Container\" rel=\"Ext.Container\" class=\"docClass\">Ext.Container</a><div class='sub-desc'><p>Container which holds the component</p>\n</div></li></ul></div></div></div><div id='event-render' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Component' rel='Ext.Component' class='defined-in docClass'>Ext.Component</a><br/><a href='source/Component.html#Ext-Component-event-render' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Component-event-render' class='name expandable'>render</a>( <span class='pre'>this</span> )</div><div class='description'><div class='short'>Fires after the component markup is rendered. ...</div><div class='long'><p>Fires after the component markup is <a href=\"#!/api/Ext.Component-property-rendered\" rel=\"Ext.Component-property-rendered\" class=\"docClass\">rendered</a>.</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>this</span> : <a href=\"#!/api/Ext.Component\" rel=\"Ext.Component\" class=\"docClass\">Ext.Component</a><div class='sub-desc'>\n</div></li></ul></div></div></div><div id='event-resize' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.BoxComponent' rel='Ext.BoxComponent' class='defined-in docClass'>Ext.BoxComponent</a><br/><a href='source/BoxComponent.html#Ext-BoxComponent-event-resize' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.BoxComponent-event-resize' class='name expandable'>resize</a>( <span class='pre'>this, adjWidth, adjHeight, rawWidth, rawHeight</span> )</div><div class='description'><div class='short'>Fires after the component is resized. ...</div><div class='long'><p>Fires after the component is resized.</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>this</span> : <a href=\"#!/api/Ext.Component\" rel=\"Ext.Component\" class=\"docClass\">Ext.Component</a><div class='sub-desc'>\n</div></li><li><span class='pre'>adjWidth</span> : <a href=\"#!/api/Number\" rel=\"Number\" class=\"docClass\">Number</a><div class='sub-desc'><p>The box-adjusted width that was set</p>\n</div></li><li><span class='pre'>adjHeight</span> : <a href=\"#!/api/Number\" rel=\"Number\" class=\"docClass\">Number</a><div class='sub-desc'><p>The box-adjusted height that was set</p>\n</div></li><li><span class='pre'>rawWidth</span> : <a href=\"#!/api/Number\" rel=\"Number\" class=\"docClass\">Number</a><div class='sub-desc'><p>The width that was originally specified</p>\n</div></li><li><span class='pre'>rawHeight</span> : <a href=\"#!/api/Number\" rel=\"Number\" class=\"docClass\">Number</a><div class='sub-desc'><p>The height that was originally specified</p>\n</div></li></ul></div></div></div><div id='event-rowbodyclick' class='member not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Ext.grid.GridPanel'>Ext.grid.GridPanel</span><br/><a href='source/GridPanel.html#Ext-grid-GridPanel-event-rowbodyclick' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.grid.GridPanel-event-rowbodyclick' class='name expandable'>rowbodyclick</a>( <span class='pre'>this, rowIndex, e</span> )</div><div class='description'><div class='short'>Fires when the row body is clicked. ...</div><div class='long'><p>Fires when the row body is clicked. <b>Only applies for grids with <a href=\"#!/api/Ext.grid.GridView-cfg-enableRowBody\" rel=\"Ext.grid.GridView-cfg-enableRowBody\" class=\"docClass\">enableRowBody</a> configured.</b></p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>this</span> : Grid<div class='sub-desc'>\n</div></li><li><span class='pre'>rowIndex</span> : <a href=\"#!/api/Number\" rel=\"Number\" class=\"docClass\">Number</a><div class='sub-desc'>\n</div></li><li><span class='pre'>e</span> : <a href=\"#!/api/Ext.EventObject\" rel=\"Ext.EventObject\" class=\"docClass\">Ext.EventObject</a><div class='sub-desc'>\n</div></li></ul></div></div></div><div id='event-rowbodycontextmenu' class='member not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Ext.grid.GridPanel'>Ext.grid.GridPanel</span><br/><a href='source/GridPanel.html#Ext-grid-GridPanel-event-rowbodycontextmenu' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.grid.GridPanel-event-rowbodycontextmenu' class='name expandable'>rowbodycontextmenu</a>( <span class='pre'>this, rowIndex, e</span> )</div><div class='description'><div class='short'>Fires when the row body is right clicked. ...</div><div class='long'><p>Fires when the row body is right clicked. <b>Only applies for grids with <a href=\"#!/api/Ext.grid.GridView-cfg-enableRowBody\" rel=\"Ext.grid.GridView-cfg-enableRowBody\" class=\"docClass\">enableRowBody</a> configured.</b></p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>this</span> : Grid<div class='sub-desc'>\n</div></li><li><span class='pre'>rowIndex</span> : <a href=\"#!/api/Number\" rel=\"Number\" class=\"docClass\">Number</a><div class='sub-desc'>\n</div></li><li><span class='pre'>e</span> : <a href=\"#!/api/Ext.EventObject\" rel=\"Ext.EventObject\" class=\"docClass\">Ext.EventObject</a><div class='sub-desc'>\n</div></li></ul></div></div></div><div id='event-rowbodydblclick' class='member not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Ext.grid.GridPanel'>Ext.grid.GridPanel</span><br/><a href='source/GridPanel.html#Ext-grid-GridPanel-event-rowbodydblclick' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.grid.GridPanel-event-rowbodydblclick' class='name expandable'>rowbodydblclick</a>( <span class='pre'>this, rowIndex, e</span> )</div><div class='description'><div class='short'>Fires when the row body is double clicked. ...</div><div class='long'><p>Fires when the row body is double clicked. <b>Only applies for grids with <a href=\"#!/api/Ext.grid.GridView-cfg-enableRowBody\" rel=\"Ext.grid.GridView-cfg-enableRowBody\" class=\"docClass\">enableRowBody</a> configured.</b></p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>this</span> : Grid<div class='sub-desc'>\n</div></li><li><span class='pre'>rowIndex</span> : <a href=\"#!/api/Number\" rel=\"Number\" class=\"docClass\">Number</a><div class='sub-desc'>\n</div></li><li><span class='pre'>e</span> : <a href=\"#!/api/Ext.EventObject\" rel=\"Ext.EventObject\" class=\"docClass\">Ext.EventObject</a><div class='sub-desc'>\n</div></li></ul></div></div></div><div id='event-rowbodymousedown' class='member not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Ext.grid.GridPanel'>Ext.grid.GridPanel</span><br/><a href='source/GridPanel.html#Ext-grid-GridPanel-event-rowbodymousedown' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.grid.GridPanel-event-rowbodymousedown' class='name expandable'>rowbodymousedown</a>( <span class='pre'>this, rowIndex, e</span> )</div><div class='description'><div class='short'>Fires before the row body is clicked. ...</div><div class='long'><p>Fires before the row body is clicked. <b>Only applies for grids with <a href=\"#!/api/Ext.grid.GridView-cfg-enableRowBody\" rel=\"Ext.grid.GridView-cfg-enableRowBody\" class=\"docClass\">enableRowBody</a> configured.</b></p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>this</span> : Grid<div class='sub-desc'>\n</div></li><li><span class='pre'>rowIndex</span> : <a href=\"#!/api/Number\" rel=\"Number\" class=\"docClass\">Number</a><div class='sub-desc'>\n</div></li><li><span class='pre'>e</span> : <a href=\"#!/api/Ext.EventObject\" rel=\"Ext.EventObject\" class=\"docClass\">Ext.EventObject</a><div class='sub-desc'>\n</div></li></ul></div></div></div><div id='event-rowclick' class='member not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Ext.grid.GridPanel'>Ext.grid.GridPanel</span><br/><a href='source/GridPanel.html#Ext-grid-GridPanel-event-rowclick' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.grid.GridPanel-event-rowclick' class='name expandable'>rowclick</a>( <span class='pre'>this, rowIndex, e</span> )</div><div class='description'><div class='short'>Fires when a row is clicked ...</div><div class='long'><p>Fires when a row is clicked</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>this</span> : Grid<div class='sub-desc'>\n</div></li><li><span class='pre'>rowIndex</span> : <a href=\"#!/api/Number\" rel=\"Number\" class=\"docClass\">Number</a><div class='sub-desc'>\n</div></li><li><span class='pre'>e</span> : <a href=\"#!/api/Ext.EventObject\" rel=\"Ext.EventObject\" class=\"docClass\">Ext.EventObject</a><div class='sub-desc'>\n</div></li></ul></div></div></div><div id='event-rowcontextmenu' class='member not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Ext.grid.GridPanel'>Ext.grid.GridPanel</span><br/><a href='source/GridPanel.html#Ext-grid-GridPanel-event-rowcontextmenu' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.grid.GridPanel-event-rowcontextmenu' class='name expandable'>rowcontextmenu</a>( <span class='pre'>this, rowIndex, e</span> )</div><div class='description'><div class='short'>Fires when a row is right clicked ...</div><div class='long'><p>Fires when a row is right clicked</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>this</span> : Grid<div class='sub-desc'>\n</div></li><li><span class='pre'>rowIndex</span> : <a href=\"#!/api/Number\" rel=\"Number\" class=\"docClass\">Number</a><div class='sub-desc'>\n</div></li><li><span class='pre'>e</span> : <a href=\"#!/api/Ext.EventObject\" rel=\"Ext.EventObject\" class=\"docClass\">Ext.EventObject</a><div class='sub-desc'>\n</div></li></ul></div></div></div><div id='event-rowdblclick' class='member not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Ext.grid.GridPanel'>Ext.grid.GridPanel</span><br/><a href='source/GridPanel.html#Ext-grid-GridPanel-event-rowdblclick' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.grid.GridPanel-event-rowdblclick' class='name expandable'>rowdblclick</a>( <span class='pre'>this, rowIndex, e</span> )</div><div class='description'><div class='short'>Fires when a row is double clicked ...</div><div class='long'><p>Fires when a row is double clicked</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>this</span> : Grid<div class='sub-desc'>\n</div></li><li><span class='pre'>rowIndex</span> : <a href=\"#!/api/Number\" rel=\"Number\" class=\"docClass\">Number</a><div class='sub-desc'>\n</div></li><li><span class='pre'>e</span> : <a href=\"#!/api/Ext.EventObject\" rel=\"Ext.EventObject\" class=\"docClass\">Ext.EventObject</a><div class='sub-desc'>\n</div></li></ul></div></div></div><div id='event-rowmousedown' class='member not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Ext.grid.GridPanel'>Ext.grid.GridPanel</span><br/><a href='source/GridPanel.html#Ext-grid-GridPanel-event-rowmousedown' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.grid.GridPanel-event-rowmousedown' class='name expandable'>rowmousedown</a>( <span class='pre'>this, rowIndex, e</span> )</div><div class='description'><div class='short'>Fires before a row is clicked ...</div><div class='long'><p>Fires before a row is clicked</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>this</span> : Grid<div class='sub-desc'>\n</div></li><li><span class='pre'>rowIndex</span> : <a href=\"#!/api/Number\" rel=\"Number\" class=\"docClass\">Number</a><div class='sub-desc'>\n</div></li><li><span class='pre'>e</span> : <a href=\"#!/api/Ext.EventObject\" rel=\"Ext.EventObject\" class=\"docClass\">Ext.EventObject</a><div class='sub-desc'>\n</div></li></ul></div></div></div><div id='event-show' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Component' rel='Ext.Component' class='defined-in docClass'>Ext.Component</a><br/><a href='source/Component.html#Ext-Component-event-show' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Component-event-show' class='name expandable'>show</a>( <span class='pre'>this</span> )</div><div class='description'><div class='short'>Fires after the component is shown when calling the show method. ...</div><div class='long'><p>Fires after the component is shown when calling the <a href=\"#!/api/Ext.Component-method-show\" rel=\"Ext.Component-method-show\" class=\"docClass\">show</a> method.</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>this</span> : <a href=\"#!/api/Ext.Component\" rel=\"Ext.Component\" class=\"docClass\">Ext.Component</a><div class='sub-desc'>\n</div></li></ul></div></div></div><div id='event-sortchange' class='member not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Ext.grid.GridPanel'>Ext.grid.GridPanel</span><br/><a href='source/GridPanel.html#Ext-grid-GridPanel-event-sortchange' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.grid.GridPanel-event-sortchange' class='name expandable'>sortchange</a>( <span class='pre'>this, sortInfo</span> )</div><div class='description'><div class='short'>Fires when the grid's store sort changes ...</div><div class='long'><p>Fires when the grid's store sort changes</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>this</span> : Grid<div class='sub-desc'>\n</div></li><li><span class='pre'>sortInfo</span> : Object<div class='sub-desc'><p>An object with the keys field and direction</p>\n</div></li></ul></div></div></div><div id='event-staterestore' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Component' rel='Ext.Component' class='defined-in docClass'>Ext.Component</a><br/><a href='source/Component.html#Ext-Component-event-staterestore' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Component-event-staterestore' class='name expandable'>staterestore</a>( <span class='pre'>this, state</span> )</div><div class='description'><div class='short'>Fires after the state of the component is restored. ...</div><div class='long'><p>Fires after the state of the component is restored.</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>this</span> : <a href=\"#!/api/Ext.Component\" rel=\"Ext.Component\" class=\"docClass\">Ext.Component</a><div class='sub-desc'>\n</div></li><li><span class='pre'>state</span> : Object<div class='sub-desc'><p>The hash of state values returned from the StateProvider. This is passed\nto <b><tt>applyState</tt></b>. By default, that simply copies property values into this\nComponent. The method maybe overriden to provide custom state restoration.</p>\n</div></li></ul></div></div></div><div id='event-statesave' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Component' rel='Ext.Component' class='defined-in docClass'>Ext.Component</a><br/><a href='source/Component.html#Ext-Component-event-statesave' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Component-event-statesave' class='name expandable'>statesave</a>( <span class='pre'>this, state</span> )</div><div class='description'><div class='short'>Fires after the state of the component is saved to the configured state provider. ...</div><div class='long'><p>Fires after the state of the component is saved to the configured state provider.</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>this</span> : <a href=\"#!/api/Ext.Component\" rel=\"Ext.Component\" class=\"docClass\">Ext.Component</a><div class='sub-desc'>\n</div></li><li><span class='pre'>state</span> : Object<div class='sub-desc'><p>The hash of state values. This is determined by calling\n<b><tt>getState()</tt></b> on the Component. This method must be provided by the\ndeveloper to return whetever representation of state is required, by default, <a href=\"#!/api/Ext.Component\" rel=\"Ext.Component\" class=\"docClass\">Ext.Component</a>\nhas a null implementation.</p>\n</div></li></ul></div></div></div><div id='event-titlechange' class='member inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Ext.Panel' rel='Ext.Panel' class='defined-in docClass'>Ext.Panel</a><br/><a href='source/Panel.html#Ext-Panel-event-titlechange' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.Panel-event-titlechange' class='name expandable'>titlechange</a>( <span class='pre'>p, The</span> )</div><div class='description'><div class='short'>Fires after the Panel title has been set or changed. ...</div><div class='long'><p>Fires after the Panel title has been <a href=\"#!/api/Ext.Panel-cfg-title\" rel=\"Ext.Panel-cfg-title\" class=\"docClass\">set</a> or <a href=\"#!/api/Ext.Panel-method-setTitle\" rel=\"Ext.Panel-method-setTitle\" class=\"docClass\">changed</a>.</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>p</span> : <a href=\"#!/api/Ext.Panel\" rel=\"Ext.Panel\" class=\"docClass\">Ext.Panel</a><div class='sub-desc'><p>the Panel which has had its title changed.</p>\n</div></li><li><span class='pre'>The</span> : <a href=\"#!/api/String\" rel=\"String\" class=\"docClass\">String</a><div class='sub-desc'><p>new title.</p>\n</div></li></ul></div></div></div><div id='event-viewready' class='member not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Ext.grid.GridPanel'>Ext.grid.GridPanel</span><br/><a href='source/GridPanel.html#Ext-grid-GridPanel-event-viewready' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Ext.grid.GridPanel-event-viewready' class='name expandable'>viewready</a>( <span class='pre'>this</span> )</div><div class='description'><div class='short'>Fires when the grid view is available (use this for selecting a default row). ...</div><div class='long'><p>Fires when the grid view is available (use this for selecting a default row).</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>this</span> : Grid<div class='sub-desc'>\n</div></li></ul></div></div></div></div></div></div></div>","superclasses":["Ext.util.Observable","Ext.Component","Ext.BoxComponent","Ext.Container","Ext.Panel"],"meta":{},"requires":[],"html_meta":{},"statics":{"property":[],"cfg":[],"css_var":[],"method":[],"event":[],"css_mixin":[]},"files":[{"href":"GridPanel.html#Ext-grid-GridPanel","filename":"GridPanel.js"}],"linenr":1,"members":{"property":[{"tagname":"property","owner":"Ext.Panel","meta":{},"name":"body","id":"property-body"},{"tagname":"property","owner":"Ext.BoxComponent","meta":{"private":true},"name":"boxReady","id":"property-boxReady"},{"tagname":"property","owner":"Ext.Panel","meta":{},"name":"buttons","id":"property-buttons"},{"tagname":"property","owner":"Ext.Panel","meta":{},"name":"bwrap","id":"property-bwrap"},{"tagname":"property","owner":"Ext.Panel","meta":{"private":true},"name":"collapseDefaults","id":"property-collapseDefaults"},{"tagname":"property","owner":"Ext.Panel","meta":{"private":true},"name":"collapseEl","id":"property-collapseEl"},{"tagname":"property","owner":"Ext.Panel","meta":{},"name":"collapsed","id":"property-collapsed"},{"tagname":"property","owner":"Ext.Panel","meta":{},"name":"dd","id":"property-dd"},{"tagname":"property","owner":"Ext.Panel","meta":{"private":true},"name":"deferHeight","id":"property-deferHeight"},{"tagname":"property","owner":"Ext.Component","meta":{},"name":"el","id":"property-el"},{"tagname":"property","owner":"Ext.Panel","meta":{"private":true},"name":"expandDefaults","id":"property-expandDefaults"},{"tagname":"property","owner":"Ext.Panel","meta":{},"name":"footer","id":"property-footer"},{"tagname":"property","owner":"Ext.Panel","meta":{},"name":"header","id":"property-header"},{"tagname":"property","owner":"Ext.Component","meta":{},"name":"hidden","id":"property-hidden"},{"tagname":"property","owner":"Ext.Component","meta":{},"name":"initialConfig","id":"property-initialConfig"},{"tagname":"property","owner":"Ext.Component","meta":{},"name":"ownerCt","id":"property-ownerCt"},{"tagname":"property","owner":"Ext.Component","meta":{},"name":"refOwner","id":"property-refOwner"},{"tagname":"property","owner":"Ext.grid.GridPanel","meta":{},"name":"rendered","id":"property-rendered"},{"tagname":"property","owner":"Ext.Panel","meta":{"private":true},"name":"slideAnchor","id":"property-slideAnchor"},{"tagname":"property","owner":"Ext.Panel","meta":{"private":true},"name":"toolTarget","id":"property-toolTarget"},{"tagname":"property","owner":"Ext.grid.GridPanel","meta":{"private":true},"name":"viewReady","id":"property-viewReady"}],"cfg":[{"tagname":"cfg","owner":"Ext.BoxComponent","meta":{},"name":"anchor","id":"cfg-anchor"},{"tagname":"cfg","owner":"Ext.Panel","meta":{},"name":"animCollapse","id":"cfg-animCollapse"},{"tagname":"cfg","owner":"Ext.grid.GridPanel","meta":{},"name":"autoExpandColumn","id":"cfg-autoExpandColumn"},{"tagname":"cfg","owner":"Ext.grid.GridPanel","meta":{},"name":"autoExpandMax","id":"cfg-autoExpandMax"},{"tagname":"cfg","owner":"Ext.grid.GridPanel","meta":{},"name":"autoExpandMin","id":"cfg-autoExpandMin"},{"tagname":"cfg","owner":"Ext.Panel","meta":{},"name":"autoHeight","id":"cfg-autoHeight"},{"tagname":"cfg","owner":"Ext.Component","meta":{},"name":"autoShow","id":"cfg-autoShow"},{"tagname":"cfg","owner":"Ext.Panel","meta":{},"name":"baseCls","id":"cfg-baseCls"},{"tagname":"cfg","owner":"Ext.Panel","meta":{},"name":"bbar","id":"cfg-bbar"},{"tagname":"cfg","owner":"Ext.Panel","meta":{},"name":"bbarCfg","id":"cfg-bbarCfg"},{"tagname":"cfg","owner":"Ext.Panel","meta":{},"name":"bodyCfg","id":"cfg-bodyCfg"},{"tagname":"cfg","owner":"Ext.Panel","meta":{},"name":"bodyCssClass","id":"cfg-bodyCssClass"},{"tagname":"cfg","owner":"Ext.Panel","meta":{},"name":"border","id":"cfg-border"},{"tagname":"cfg","owner":"Ext.BoxComponent","meta":{},"name":"boxMaxHeight","id":"cfg-boxMaxHeight"},{"tagname":"cfg","owner":"Ext.BoxComponent","meta":{},"name":"boxMaxWidth","id":"cfg-boxMaxWidth"},{"tagname":"cfg","owner":"Ext.BoxComponent","meta":{},"name":"boxMinHeight","id":"cfg-boxMinHeight"},{"tagname":"cfg","owner":"Ext.BoxComponent","meta":{},"name":"boxMinWidth","id":"cfg-boxMinWidth"},{"tagname":"cfg","owner":"Ext.grid.GridPanel","meta":{},"name":"bubbleEvents","id":"cfg-bubbleEvents"},{"tagname":"cfg","owner":"Ext.Panel","meta":{},"name":"buttonAlign","id":"cfg-buttonAlign"},{"tagname":"cfg","owner":"Ext.Panel","meta":{},"name":"buttons","id":"cfg-buttons"},{"tagname":"cfg","owner":"Ext.Panel","meta":{},"name":"bwrapCfg","id":"cfg-bwrapCfg"},{"tagname":"cfg","owner":"Ext.Component","meta":{},"name":"clearCls","id":"cfg-clearCls"},{"tagname":"cfg","owner":"Ext.Panel","meta":{},"name":"closable","id":"cfg-closable"},{"tagname":"cfg","owner":"Ext.Component","meta":{},"name":"cls","id":"cfg-cls"},{"tagname":"cfg","owner":"Ext.grid.GridPanel","meta":{},"name":"cm","id":"cfg-cm"},{"tagname":"cfg","owner":"Ext.grid.GridPanel","meta":{},"name":"colModel","id":"cfg-colModel"},{"tagname":"cfg","owner":"Ext.Panel","meta":{},"name":"collapseFirst","id":"cfg-collapseFirst"},{"tagname":"cfg","owner":"Ext.Panel","meta":{},"name":"collapsed","id":"cfg-collapsed"},{"tagname":"cfg","owner":"Ext.Panel","meta":{},"name":"collapsedCls","id":"cfg-collapsedCls"},{"tagname":"cfg","owner":"Ext.Panel","meta":{},"name":"collapsible","id":"cfg-collapsible"},{"tagname":"cfg","owner":"Ext.grid.GridPanel","meta":{},"name":"columnLines","id":"cfg-columnLines"},{"tagname":"cfg","owner":"Ext.grid.GridPanel","meta":{},"name":"columns","id":"cfg-columns"},{"tagname":"cfg","owner":"Ext.Component","meta":{},"name":"ctCls","id":"cfg-ctCls"},{"tagname":"cfg","owner":"Ext.Component","meta":{},"name":"data","id":"cfg-data"},{"tagname":"cfg","owner":"Ext.grid.GridPanel","meta":{},"name":"ddGroup","id":"cfg-ddGroup"},{"tagname":"cfg","owner":"Ext.grid.GridPanel","meta":{},"name":"ddText","id":"cfg-ddText"},{"tagname":"cfg","owner":"Ext.grid.GridPanel","meta":{},"name":"deferRowRender","id":"cfg-deferRowRender"},{"tagname":"cfg","owner":"Ext.grid.GridPanel","meta":{},"name":"disableSelection","id":"cfg-disableSelection"},{"tagname":"cfg","owner":"Ext.Panel","meta":{},"name":"disabled","id":"cfg-disabled"},{"tagname":"cfg","owner":"Ext.grid.GridPanel","meta":{},"name":"dragCell","id":"cfg-dragCell"},{"tagname":"cfg","owner":"Ext.Panel","meta":{},"name":"draggable","id":"cfg-draggable"},{"tagname":"cfg","owner":"Ext.grid.GridPanel","meta":{},"name":"enableColumnHide","id":"cfg-enableColumnHide"},{"tagname":"cfg","owner":"Ext.grid.GridPanel","meta":{},"name":"enableColumnMove","id":"cfg-enableColumnMove"},{"tagname":"cfg","owner":"Ext.grid.GridPanel","meta":{},"name":"enableColumnResize","id":"cfg-enableColumnResize"},{"tagname":"cfg","owner":"Ext.grid.GridPanel","meta":{},"name":"enableDragDrop","id":"cfg-enableDragDrop"},{"tagname":"cfg","owner":"Ext.grid.GridPanel","meta":{},"name":"enableHdMenu","id":"cfg-enableHdMenu"},{"tagname":"cfg","owner":"Ext.Panel","meta":{},"name":"fbar","id":"cfg-fbar"},{"tagname":"cfg","owner":"Ext.Component","meta":{},"name":"fieldLabel","id":"cfg-fieldLabel"},{"tagname":"cfg","owner":"Ext.BoxComponent","meta":{},"name":"flex","id":"cfg-flex"},{"tagname":"cfg","owner":"Ext.Panel","meta":{},"name":"floating","id":"cfg-floating"},{"tagname":"cfg","owner":"Ext.Panel","meta":{},"name":"footer","id":"cfg-footer"},{"tagname":"cfg","owner":"Ext.Panel","meta":{},"name":"footerCfg","id":"cfg-footerCfg"},{"tagname":"cfg","owner":"Ext.Container","meta":{},"name":"forceLayout","id":"cfg-forceLayout"},{"tagname":"cfg","owner":"Ext.Panel","meta":{},"name":"frame","id":"cfg-frame"},{"tagname":"cfg","owner":"Ext.Panel","meta":{},"name":"header","id":"cfg-header"},{"tagname":"cfg","owner":"Ext.Panel","meta":{},"name":"headerAsText","id":"cfg-headerAsText"},{"tagname":"cfg","owner":"Ext.Panel","meta":{},"name":"headerCfg","id":"cfg-headerCfg"},{"tagname":"cfg","owner":"Ext.BoxComponent","meta":{},"name":"height","id":"cfg-height"},{"tagname":"cfg","owner":"Ext.Component","meta":{},"name":"hidden","id":"cfg-hidden"},{"tagname":"cfg","owner":"Ext.Panel","meta":{},"name":"hideCollapseTool","id":"cfg-hideCollapseTool"},{"tagname":"cfg","owner":"Ext.grid.GridPanel","meta":{},"name":"hideHeaders","id":"cfg-hideHeaders"},{"tagname":"cfg","owner":"Ext.Component","meta":{},"name":"hideLabel","id":"cfg-hideLabel"},{"tagname":"cfg","owner":"Ext.Component","meta":{},"name":"hideMode","id":"cfg-hideMode"},{"tagname":"cfg","owner":"Ext.Component","meta":{},"name":"hideParent","id":"cfg-hideParent"},{"tagname":"cfg","owner":"Ext.Panel","meta":{},"name":"iconCls","id":"cfg-iconCls"},{"tagname":"cfg","owner":"Ext.Component","meta":{},"name":"id","id":"cfg-id"},{"tagname":"cfg","owner":"Ext.Component","meta":{},"name":"itemCls","id":"cfg-itemCls"},{"tagname":"cfg","owner":"Ext.Component","meta":{},"name":"itemId","id":"cfg-itemId"},{"tagname":"cfg","owner":"Ext.Panel","meta":{},"name":"keys","id":"cfg-keys"},{"tagname":"cfg","owner":"Ext.Component","meta":{},"name":"labelSeparator","id":"cfg-labelSeparator"},{"tagname":"cfg","owner":"Ext.Component","meta":{},"name":"labelStyle","id":"cfg-labelStyle"},{"tagname":"cfg","owner":"Ext.util.Observable","meta":{},"name":"listeners","id":"cfg-listeners"},{"tagname":"cfg","owner":"Ext.grid.GridPanel","meta":{},"name":"loadMask","id":"cfg-loadMask"},{"tagname":"cfg","owner":"Ext.BoxComponent","meta":{},"name":"margins","id":"cfg-margins"},{"tagname":"cfg","owner":"Ext.Panel","meta":{},"name":"maskDisabled","id":"cfg-maskDisabled"},{"tagname":"cfg","owner":"Ext.grid.GridPanel","meta":{},"name":"maxHeight","id":"cfg-maxHeight"},{"tagname":"cfg","owner":"Ext.Panel","meta":{},"name":"minButtonWidth","id":"cfg-minButtonWidth"},{"tagname":"cfg","owner":"Ext.grid.GridPanel","meta":{},"name":"minColumnWidth","id":"cfg-minColumnWidth"},{"tagname":"cfg","owner":"Ext.Component","meta":{},"name":"overCls","id":"cfg-overCls"},{"tagname":"cfg","owner":"Ext.Panel","meta":{},"name":"padding","id":"cfg-padding"},{"tagname":"cfg","owner":"Ext.BoxComponent","meta":{},"name":"pageX","id":"cfg-pageX"},{"tagname":"cfg","owner":"Ext.BoxComponent","meta":{},"name":"pageY","id":"cfg-pageY"},{"tagname":"cfg","owner":"Ext.Component","meta":{},"name":"plugins","id":"cfg-plugins"},{"tagname":"cfg","owner":"Ext.Component","meta":{},"name":"ptype","id":"cfg-ptype"},{"tagname":"cfg","owner":"Ext.Component","meta":{},"name":"ref","id":"cfg-ref"},{"tagname":"cfg","owner":"Ext.BoxComponent","meta":{},"name":"region","id":"cfg-region"},{"tagname":"cfg","owner":"Ext.Component","meta":{},"name":"renderTo","id":"cfg-renderTo"},{"tagname":"cfg","owner":"Ext.Panel","meta":{},"name":"resizeEvent","id":"cfg-resizeEvent"},{"tagname":"cfg","owner":"Ext.grid.GridPanel","meta":{},"name":"selModel","id":"cfg-selModel"},{"tagname":"cfg","owner":"Ext.Panel","meta":{},"name":"shadow","id":"cfg-shadow"},{"tagname":"cfg","owner":"Ext.Panel","meta":{},"name":"shadowOffset","id":"cfg-shadowOffset"},{"tagname":"cfg","owner":"Ext.Panel","meta":{},"name":"shim","id":"cfg-shim"},{"tagname":"cfg","owner":"Ext.grid.GridPanel","meta":{},"name":"sm","id":"cfg-sm"},{"tagname":"cfg","owner":"Ext.grid.GridPanel","meta":{},"name":"stateEvents","id":"cfg-stateEvents"},{"tagname":"cfg","owner":"Ext.Component","meta":{},"name":"stateId","id":"cfg-stateId"},{"tagname":"cfg","owner":"Ext.Component","meta":{},"name":"stateful","id":"cfg-stateful"},{"tagname":"cfg","owner":"Ext.grid.GridPanel","meta":{},"name":"store","id":"cfg-store"},{"tagname":"cfg","owner":"Ext.grid.GridPanel","meta":{},"name":"stripeRows","id":"cfg-stripeRows"},{"tagname":"cfg","owner":"Ext.Component","meta":{},"name":"style","id":"cfg-style"},{"tagname":"cfg","owner":"Ext.BoxComponent","meta":{},"name":"tabTip","id":"cfg-tabTip"},{"tagname":"cfg","owner":"Ext.Panel","meta":{},"name":"tbar","id":"cfg-tbar"},{"tagname":"cfg","owner":"Ext.Panel","meta":{},"name":"tbarCfg","id":"cfg-tbarCfg"},{"tagname":"cfg","owner":"Ext.Panel","meta":{},"name":"title","id":"cfg-title"},{"tagname":"cfg","owner":"Ext.Panel","meta":{},"name":"titleCollapse","id":"cfg-titleCollapse"},{"tagname":"cfg","owner":"Ext.Panel","meta":{},"name":"toolTemplate","id":"cfg-toolTemplate"},{"tagname":"cfg","owner":"Ext.Panel","meta":{},"name":"tools","id":"cfg-tools"},{"tagname":"cfg","owner":"Ext.Component","meta":{},"name":"tpl","id":"cfg-tpl"},{"tagname":"cfg","owner":"Ext.Component","meta":{},"name":"tplWriteMode","id":"cfg-tplWriteMode"},{"tagname":"cfg","owner":"Ext.grid.GridPanel","meta":{},"name":"trackMouseOver","id":"cfg-trackMouseOver"},{"tagname":"cfg","owner":"Ext.Panel","meta":{},"name":"unstyled","id":"cfg-unstyled"},{"tagname":"cfg","owner":"Ext.grid.GridPanel","meta":{},"name":"view","id":"cfg-view"},{"tagname":"cfg","owner":"Ext.grid.GridPanel","meta":{},"name":"viewConfig","id":"cfg-viewConfig"},{"tagname":"cfg","owner":"Ext.BoxComponent","meta":{},"name":"width","id":"cfg-width"},{"tagname":"cfg","owner":"Ext.BoxComponent","meta":{},"name":"x","id":"cfg-x"},{"tagname":"cfg","owner":"Ext.Component","meta":{},"name":"xtype","id":"cfg-xtype"},{"tagname":"cfg","owner":"Ext.BoxComponent","meta":{},"name":"y","id":"cfg-y"}],"css_var":[],"method":[{"tagname":"method","owner":"Ext.grid.GridPanel","meta":{},"name":"constructor","id":"method-constructor"},{"tagname":"method","owner":"Ext.Panel","meta":{},"name":"addButton","id":"method-addButton"},{"tagname":"method","owner":"Ext.Component","meta":{"chainable":true},"name":"addClass","id":"method-addClass"},{"tagname":"method","owner":"Ext.util.Observable","meta":{},"name":"addEvents","id":"method-addEvents"},{"tagname":"method","owner":"Ext.util.Observable","meta":{},"name":"addListener","id":"method-addListener"},{"tagname":"method","owner":"Ext.Panel","meta":{"private":true},"name":"addTool","id":"method-addTool"},{"tagname":"method","owner":"Ext.Panel","meta":{"private":true},"name":"adjustBodyHeight","id":"method-adjustBodyHeight"},{"tagname":"method","owner":"Ext.Panel","meta":{"private":true},"name":"adjustBodyWidth","id":"method-adjustBodyWidth"},{"tagname":"method","owner":"Ext.BoxComponent","meta":{"private":true},"name":"adjustPosition","id":"method-adjustPosition"},{"tagname":"method","owner":"Ext.BoxComponent","meta":{"private":true},"name":"adjustSize","id":"method-adjustSize"},{"tagname":"method","owner":"Ext.Panel","meta":{"private":true},"name":"afterCollapse","id":"method-afterCollapse"},{"tagname":"method","owner":"Ext.Panel","meta":{"private":true},"name":"afterEffect","id":"method-afterEffect"},{"tagname":"method","owner":"Ext.Panel","meta":{"private":true},"name":"afterExpand","id":"method-afterExpand"},{"tagname":"method","owner":"Ext.grid.GridPanel","meta":{"private":true},"name":"afterRender","id":"method-afterRender"},{"tagname":"method","owner":"Ext.Container","meta":{"private":true},"name":"applyDefaults","id":"method-applyDefaults"},{"tagname":"method","owner":"Ext.grid.GridPanel","meta":{"private":true},"name":"applyState","id":"method-applyState"},{"tagname":"method","owner":"Ext.Panel","meta":{"private":true},"name":"beforeDestroy","id":"method-beforeDestroy"},{"tagname":"method","owner":"Ext.Panel","meta":{"private":true},"name":"beforeEffect","id":"method-beforeEffect"},{"tagname":"method","owner":"Ext.Component","meta":{"chainable":true},"name":"bubble","id":"method-bubble"},{"tagname":"method","owner":"Ext.Container","meta":{"private":true},"name":"canLayout","id":"method-canLayout"},{"tagname":"method","owner":"Ext.Component","meta":{},"name":"cloneConfig","id":"method-cloneConfig"},{"tagname":"method","owner":"Ext.Panel","meta":{"chainable":true},"name":"collapse","id":"method-collapse"},{"tagname":"method","owner":"Ext.Panel","meta":{"private":true},"name":"createClasses","id":"method-createClasses"},{"tagname":"method","owner":"Ext.Container","meta":{"private":true},"name":"createComponent","id":"method-createComponent"},{"tagname":"method","owner":"Ext.Panel","meta":{"private":true},"name":"createEffect","id":"method-createEffect"},{"tagname":"method","owner":"Ext.Panel","meta":{"private":true},"name":"createElement","id":"method-createElement"},{"tagname":"method","owner":"Ext.Panel","meta":{"private":true},"name":"createFbar","id":"method-createFbar"},{"tagname":"method","owner":"Ext.Panel","meta":{"private":true},"name":"createGhost","id":"method-createGhost"},{"tagname":"method","owner":"Ext.Panel","meta":{"private":true},"name":"createToolHandler","id":"method-createToolHandler"},{"tagname":"method","owner":"Ext.Panel","meta":{"private":true},"name":"createToolbar","id":"method-createToolbar"},{"tagname":"method","owner":"Ext.Component","meta":{},"name":"destroy","id":"method-destroy"},{"tagname":"method","owner":"Ext.Panel","meta":{"private":true},"name":"doAutoLoad","id":"method-doAutoLoad"},{"tagname":"method","owner":"Ext.Container","meta":{"private":true},"name":"doRemove","id":"method-doRemove"},{"tagname":"method","owner":"Ext.util.Observable","meta":{},"name":"enableBubble","id":"method-enableBubble"},{"tagname":"method","owner":"Ext.Panel","meta":{"chainable":true},"name":"expand","id":"method-expand"},{"tagname":"method","owner":"Ext.Component","meta":{},"name":"findParentBy","id":"method-findParentBy"},{"tagname":"method","owner":"Ext.Component","meta":{},"name":"findParentByType","id":"method-findParentByType"},{"tagname":"method","owner":"Ext.util.Observable","meta":{},"name":"fireEvent","id":"method-fireEvent"},{"tagname":"method","owner":"Ext.Component","meta":{"chainable":true},"name":"focus","id":"method-focus"},{"tagname":"method","owner":"Ext.Container","meta":{"deprecated":{"text":"Should be removed in 4.0, since getComponent does the same thing."}},"name":"get","id":"method-get"},{"tagname":"method","owner":"Ext.Panel","meta":{},"name":"getBottomToolbar","id":"method-getBottomToolbar"},{"tagname":"method","owner":"Ext.BoxComponent","meta":{},"name":"getBox","id":"method-getBox"},{"tagname":"method","owner":"Ext.Component","meta":{},"name":"getBubbleTarget","id":"method-getBubbleTarget"},{"tagname":"method","owner":"Ext.grid.GridPanel","meta":{},"name":"getColumnModel","id":"method-getColumnModel"},{"tagname":"method","owner":"Ext.Container","meta":{"private":true},"name":"getComponentId","id":"method-getComponentId"},{"tagname":"method","owner":"Ext.Panel","meta":{"private":true},"name":"getContentTarget","id":"method-getContentTarget"},{"tagname":"method","owner":"Ext.grid.GridPanel","meta":{},"name":"getDragDropText","id":"method-getDragDropText"},{"tagname":"method","owner":"Ext.Component","meta":{},"name":"getEl","id":"method-getEl"},{"tagname":"method","owner":"Ext.Panel","meta":{},"name":"getFooterToolbar","id":"method-getFooterToolbar"},{"tagname":"method","owner":"Ext.Panel","meta":{},"name":"getFrameHeight","id":"method-getFrameHeight"},{"tagname":"method","owner":"Ext.Panel","meta":{},"name":"getFrameWidth","id":"method-getFrameWidth"},{"tagname":"method","owner":"Ext.grid.GridPanel","meta":{},"name":"getGridEl","id":"method-getGridEl"},{"tagname":"method","owner":"Ext.BoxComponent","meta":{},"name":"getHeight","id":"method-getHeight"},{"tagname":"method","owner":"Ext.Component","meta":{},"name":"getId","id":"method-getId"},{"tagname":"method","owner":"Ext.Panel","meta":{},"name":"getInnerHeight","id":"method-getInnerHeight"},{"tagname":"method","owner":"Ext.Panel","meta":{},"name":"getInnerWidth","id":"method-getInnerWidth"},{"tagname":"method","owner":"Ext.Component","meta":{},"name":"getItemId","id":"method-getItemId"},{"tagname":"method","owner":"Ext.Panel","meta":{"private":true},"name":"getKeyMap","id":"method-getKeyMap"},{"tagname":"method","owner":"Ext.Panel","meta":{},"name":"getLayoutTarget","id":"method-getLayoutTarget"},{"tagname":"method","owner":"Ext.BoxComponent","meta":{},"name":"getOuterSize","id":"method-getOuterSize"},{"tagname":"method","owner":"Ext.BoxComponent","meta":{},"name":"getPosition","id":"method-getPosition"},{"tagname":"method","owner":"Ext.BoxComponent","meta":{},"name":"getResizeEl","id":"method-getResizeEl"},{"tagname":"method","owner":"Ext.grid.GridPanel","meta":{},"name":"getSelectionModel","id":"method-getSelectionModel"},{"tagname":"method","owner":"Ext.BoxComponent","meta":{},"name":"getSize","id":"method-getSize"},{"tagname":"method","owner":"Ext.grid.GridPanel","meta":{"private":true},"name":"getState","id":"method-getState"},{"tagname":"method","owner":"Ext.grid.GridPanel","meta":{},"name":"getStore","id":"method-getStore"},{"tagname":"method","owner":"Ext.Panel","meta":{},"name":"getTool","id":"method-getTool"},{"tagname":"method","owner":"Ext.Panel","meta":{"private":true},"name":"getToolbarHeight","id":"method-getToolbarHeight"},{"tagname":"method","owner":"Ext.Panel","meta":{},"name":"getTopToolbar","id":"method-getTopToolbar"},{"tagname":"method","owner":"Ext.grid.GridPanel","meta":{},"name":"getView","id":"method-getView"},{"tagname":"method","owner":"Ext.BoxComponent","meta":{},"name":"getWidth","id":"method-getWidth"},{"tagname":"method","owner":"Ext.Component","meta":{},"name":"getXType","id":"method-getXType"},{"tagname":"method","owner":"Ext.Component","meta":{},"name":"getXTypes","id":"method-getXTypes"},{"tagname":"method","owner":"Ext.Container","meta":{"private":true},"name":"hasLayoutPending","id":"method-hasLayoutPending"},{"tagname":"method","owner":"Ext.util.Observable","meta":{},"name":"hasListener","id":"method-hasListener"},{"tagname":"method","owner":"Ext.Component","meta":{"chainable":true},"name":"hide","id":"method-hide"},{"tagname":"method","owner":"Ext.grid.GridPanel","meta":{"private":true},"name":"initComponent","id":"method-initComponent"},{"tagname":"method","owner":"Ext.Panel","meta":{"private":true},"name":"initDraggable","id":"method-initDraggable"},{"tagname":"method","owner":"Ext.grid.GridPanel","meta":{"private":true},"name":"initEvents","id":"method-initEvents"},{"tagname":"method","owner":"Ext.Container","meta":{"private":true},"name":"initItems","id":"method-initItems"},{"tagname":"method","owner":"Ext.Component","meta":{"private":true},"name":"initRef","id":"method-initRef"},{"tagname":"method","owner":"Ext.grid.GridPanel","meta":{"private":true},"name":"initStateEvents","id":"method-initStateEvents"},{"tagname":"method","owner":"Ext.Component","meta":{},"name":"isVisible","id":"method-isVisible"},{"tagname":"method","owner":"Ext.Component","meta":{},"name":"isXType","id":"method-isXType"},{"tagname":"method","owner":"Ext.Container","meta":{"private":true},"name":"lookupComponent","id":"method-lookupComponent"},{"tagname":"method","owner":"Ext.Panel","meta":{"private":true},"name":"makeFloating","id":"method-makeFloating"},{"tagname":"method","owner":"Ext.Component","meta":{},"name":"mon","id":"method-mon"},{"tagname":"method","owner":"Ext.Component","meta":{},"name":"mun","id":"method-mun"},{"tagname":"method","owner":"Ext.Component","meta":{},"name":"nextSibling","id":"method-nextSibling"},{"tagname":"method","owner":"Ext.util.Observable","meta":{},"name":"on","id":"method-on"},{"tagname":"method","owner":"Ext.Container","meta":{"private":true},"name":"onAdd","id":"method-onAdd"},{"tagname":"method","owner":"Ext.Container","meta":{"private":true},"name":"onAdded","id":"method-onAdded"},{"tagname":"method","owner":"Ext.Container","meta":{"private":true},"name":"onBeforeAdd","id":"method-onBeforeAdd"},{"tagname":"method","owner":"Ext.Panel","meta":{"private":true},"name":"onBodyResize","id":"method-onBodyResize"},{"tagname":"method","owner":"Ext.grid.GridPanel","meta":{"private":true},"name":"onClick","id":"method-onClick"},{"tagname":"method","owner":"Ext.Panel","meta":{"private":true},"name":"onCollapse","id":"method-onCollapse"},{"tagname":"method","owner":"Ext.grid.GridPanel","meta":{"private":true},"name":"onContextMenu","id":"method-onContextMenu"},{"tagname":"method","owner":"Ext.grid.GridPanel","meta":{"private":true},"name":"onDblClick","id":"method-onDblClick"},{"tagname":"method","owner":"Ext.grid.GridPanel","meta":{"private":true},"name":"onDestroy","id":"method-onDestroy"},{"tagname":"method","owner":"Ext.Panel","meta":{"private":true},"name":"onDisable","id":"method-onDisable"},{"tagname":"method","owner":"Ext.Panel","meta":{"private":true},"name":"onEnable","id":"method-onEnable"},{"tagname":"method","owner":"Ext.Panel","meta":{"private":true},"name":"onExpand","id":"method-onExpand"},{"tagname":"method","owner":"Ext.Panel","meta":{"private":true},"name":"onHide","id":"method-onHide"},{"tagname":"method","owner":"Ext.Panel","meta":{"private":true},"name":"onLayout","id":"method-onLayout"},{"tagname":"method","owner":"Ext.grid.GridPanel","meta":{"private":true},"name":"onMouseDown","id":"method-onMouseDown"},{"tagname":"method","owner":"Ext.Panel","meta":{"private":true},"name":"onPosition","id":"method-onPosition"},{"tagname":"method","owner":"Ext.Container","meta":{"private":true},"name":"onRemove","id":"method-onRemove"},{"tagname":"method","owner":"Ext.Component","meta":{"private":true},"name":"onRemoved","id":"method-onRemoved"},{"tagname":"method","owner":"Ext.grid.GridPanel","meta":{"private":true},"name":"onRender","id":"method-onRender"},{"tagname":"method","owner":"Ext.Panel","meta":{"private":true},"name":"onResize","id":"method-onResize"},{"tagname":"method","owner":"Ext.Panel","meta":{"private":true},"name":"onShow","id":"method-onShow"},{"tagname":"method","owner":"Ext.Component","meta":{},"name":"previousSibling","id":"method-previousSibling"},{"tagname":"method","owner":"Ext.grid.GridPanel","meta":{"private":true},"name":"processEvent","id":"method-processEvent"},{"tagname":"method","owner":"Ext.util.Observable","meta":{},"name":"purgeListeners","id":"method-purgeListeners"},{"tagname":"method","owner":"Ext.grid.GridPanel","meta":{},"name":"reconfigure","id":"method-reconfigure"},{"tagname":"method","owner":"Ext.util.Observable","meta":{},"name":"relayEvents","id":"method-relayEvents"},{"tagname":"method","owner":"Ext.Container","meta":{},"name":"removeAll","id":"method-removeAll"},{"tagname":"method","owner":"Ext.Component","meta":{"chainable":true},"name":"removeClass","id":"method-removeClass"},{"tagname":"method","owner":"Ext.util.Observable","meta":{},"name":"removeListener","id":"method-removeListener"},{"tagname":"method","owner":"Ext.Component","meta":{"chainable":true},"name":"render","id":"method-render"},{"tagname":"method","owner":"Ext.util.Observable","meta":{},"name":"resumeEvents","id":"method-resumeEvents"},{"tagname":"method","owner":"Ext.BoxComponent","meta":{"chainable":true},"name":"setAutoScroll","id":"method-setAutoScroll"},{"tagname":"method","owner":"Ext.BoxComponent","meta":{"chainable":true},"name":"setHeight","id":"method-setHeight"},{"tagname":"method","owner":"Ext.Panel","meta":{},"name":"setIconClass","id":"method-setIconClass"},{"tagname":"method","owner":"Ext.Container","meta":{"private":true},"name":"setLayout","id":"method-setLayout"},{"tagname":"method","owner":"Ext.BoxComponent","meta":{"chainable":true},"name":"setPagePosition","id":"method-setPagePosition"},{"tagname":"method","owner":"Ext.BoxComponent","meta":{"chainable":true},"name":"setPosition","id":"method-setPosition"},{"tagname":"method","owner":"Ext.BoxComponent","meta":{"chainable":true},"name":"setSize","id":"method-setSize"},{"tagname":"method","owner":"Ext.Panel","meta":{"chainable":true},"name":"setTitle","id":"method-setTitle"},{"tagname":"method","owner":"Ext.Component","meta":{"chainable":true},"name":"setVisible","id":"method-setVisible"},{"tagname":"method","owner":"Ext.BoxComponent","meta":{"chainable":true},"name":"setWidth","id":"method-setWidth"},{"tagname":"method","owner":"Ext.Container","meta":{"private":true},"name":"shouldBufferLayout","id":"method-shouldBufferLayout"},{"tagname":"method","owner":"Ext.Component","meta":{"chainable":true},"name":"show","id":"method-show"},{"tagname":"method","owner":"Ext.grid.GridPanel","meta":{"private":true},"name":"stopEditing","id":"method-stopEditing"},{"tagname":"method","owner":"Ext.util.Observable","meta":{},"name":"suspendEvents","id":"method-suspendEvents"},{"tagname":"method","owner":"Ext.Panel","meta":{"private":true},"name":"syncHeight","id":"method-syncHeight"},{"tagname":"method","owner":"Ext.Panel","meta":{"private":true},"name":"syncShadow","id":"method-syncShadow"},{"tagname":"method","owner":"Ext.BoxComponent","meta":{"chainable":true},"name":"syncSize","id":"method-syncSize"},{"tagname":"method","owner":"Ext.Panel","meta":{"chainable":true},"name":"toggleCollapse","id":"method-toggleCollapse"},{"tagname":"method","owner":"Ext.util.Observable","meta":{},"name":"un","id":"method-un"},{"tagname":"method","owner":"Ext.Component","meta":{},"name":"update","id":"method-update"},{"tagname":"method","owner":"Ext.BoxComponent","meta":{"chainable":true},"name":"updateBox","id":"method-updateBox"},{"tagname":"method","owner":"Ext.grid.GridPanel","meta":{"private":true},"name":"walkCells","id":"method-walkCells"}],"event":[{"tagname":"event","owner":"Ext.Panel","meta":{},"name":"activate","id":"event-activate"},{"tagname":"event","owner":"Ext.Component","meta":{},"name":"added","id":"event-added"},{"tagname":"event","owner":"Ext.Component","meta":{},"name":"afterrender","id":"event-afterrender"},{"tagname":"event","owner":"Ext.Panel","meta":{},"name":"beforeclose","id":"event-beforeclose"},{"tagname":"event","owner":"Ext.Panel","meta":{},"name":"beforecollapse","id":"event-beforecollapse"},{"tagname":"event","owner":"Ext.Component","meta":{},"name":"beforedestroy","id":"event-beforedestroy"},{"tagname":"event","owner":"Ext.Panel","meta":{},"name":"beforeexpand","id":"event-beforeexpand"},{"tagname":"event","owner":"Ext.Component","meta":{},"name":"beforehide","id":"event-beforehide"},{"tagname":"event","owner":"Ext.Component","meta":{},"name":"beforerender","id":"event-beforerender"},{"tagname":"event","owner":"Ext.Component","meta":{},"name":"beforeshow","id":"event-beforeshow"},{"tagname":"event","owner":"Ext.Component","meta":{},"name":"beforestaterestore","id":"event-beforestaterestore"},{"tagname":"event","owner":"Ext.Component","meta":{},"name":"beforestatesave","id":"event-beforestatesave"},{"tagname":"event","owner":"Ext.Panel","meta":{},"name":"bodyresize","id":"event-bodyresize"},{"tagname":"event","owner":"Ext.grid.GridPanel","meta":{},"name":"bodyscroll","id":"event-bodyscroll"},{"tagname":"event","owner":"Ext.grid.GridPanel","meta":{},"name":"cellclick","id":"event-cellclick"},{"tagname":"event","owner":"Ext.grid.GridPanel","meta":{},"name":"cellcontextmenu","id":"event-cellcontextmenu"},{"tagname":"event","owner":"Ext.grid.GridPanel","meta":{},"name":"celldblclick","id":"event-celldblclick"},{"tagname":"event","owner":"Ext.grid.GridPanel","meta":{},"name":"cellmousedown","id":"event-cellmousedown"},{"tagname":"event","owner":"Ext.grid.GridPanel","meta":{},"name":"click","id":"event-click"},{"tagname":"event","owner":"Ext.Panel","meta":{},"name":"close","id":"event-close"},{"tagname":"event","owner":"Ext.Panel","meta":{},"name":"collapse","id":"event-collapse"},{"tagname":"event","owner":"Ext.grid.GridPanel","meta":{},"name":"columnmove","id":"event-columnmove"},{"tagname":"event","owner":"Ext.grid.GridPanel","meta":{},"name":"columnresize","id":"event-columnresize"},{"tagname":"event","owner":"Ext.grid.GridPanel","meta":{},"name":"containerclick","id":"event-containerclick"},{"tagname":"event","owner":"Ext.grid.GridPanel","meta":{},"name":"containercontextmenu","id":"event-containercontextmenu"},{"tagname":"event","owner":"Ext.grid.GridPanel","meta":{},"name":"containerdblclick","id":"event-containerdblclick"},{"tagname":"event","owner":"Ext.grid.GridPanel","meta":{},"name":"containermousedown","id":"event-containermousedown"},{"tagname":"event","owner":"Ext.grid.GridPanel","meta":{},"name":"contextmenu","id":"event-contextmenu"},{"tagname":"event","owner":"Ext.grid.GridPanel","meta":{},"name":"dblclick","id":"event-dblclick"},{"tagname":"event","owner":"Ext.Panel","meta":{},"name":"deactivate","id":"event-deactivate"},{"tagname":"event","owner":"Ext.Component","meta":{},"name":"destroy","id":"event-destroy"},{"tagname":"event","owner":"Ext.Component","meta":{},"name":"disable","id":"event-disable"},{"tagname":"event","owner":"Ext.Component","meta":{},"name":"enable","id":"event-enable"},{"tagname":"event","owner":"Ext.Panel","meta":{},"name":"expand","id":"event-expand"},{"tagname":"event","owner":"Ext.grid.GridPanel","meta":{},"name":"groupchange","id":"event-groupchange"},{"tagname":"event","owner":"Ext.grid.GridPanel","meta":{},"name":"groupclick","id":"event-groupclick"},{"tagname":"event","owner":"Ext.grid.GridPanel","meta":{},"name":"groupcontextmenu","id":"event-groupcontextmenu"},{"tagname":"event","owner":"Ext.grid.GridPanel","meta":{},"name":"groupdblclick","id":"event-groupdblclick"},{"tagname":"event","owner":"Ext.grid.GridPanel","meta":{},"name":"groupmousedown","id":"event-groupmousedown"},{"tagname":"event","owner":"Ext.grid.GridPanel","meta":{},"name":"headerclick","id":"event-headerclick"},{"tagname":"event","owner":"Ext.grid.GridPanel","meta":{},"name":"headercontextmenu","id":"event-headercontextmenu"},{"tagname":"event","owner":"Ext.grid.GridPanel","meta":{},"name":"headerdblclick","id":"event-headerdblclick"},{"tagname":"event","owner":"Ext.grid.GridPanel","meta":{},"name":"headermousedown","id":"event-headermousedown"},{"tagname":"event","owner":"Ext.Component","meta":{},"name":"hide","id":"event-hide"},{"tagname":"event","owner":"Ext.Panel","meta":{},"name":"iconchange","id":"event-iconchange"},{"tagname":"event","owner":"Ext.grid.GridPanel","meta":{},"name":"keydown","id":"event-keydown"},{"tagname":"event","owner":"Ext.grid.GridPanel","meta":{},"name":"keypress","id":"event-keypress"},{"tagname":"event","owner":"Ext.grid.GridPanel","meta":{},"name":"mousedown","id":"event-mousedown"},{"tagname":"event","owner":"Ext.grid.GridPanel","meta":{},"name":"mouseout","id":"event-mouseout"},{"tagname":"event","owner":"Ext.grid.GridPanel","meta":{},"name":"mouseover","id":"event-mouseover"},{"tagname":"event","owner":"Ext.grid.GridPanel","meta":{},"name":"mouseup","id":"event-mouseup"},{"tagname":"event","owner":"Ext.BoxComponent","meta":{},"name":"move","id":"event-move"},{"tagname":"event","owner":"Ext.grid.GridPanel","meta":{},"name":"reconfigure","id":"event-reconfigure"},{"tagname":"event","owner":"Ext.Component","meta":{},"name":"removed","id":"event-removed"},{"tagname":"event","owner":"Ext.Component","meta":{},"name":"render","id":"event-render"},{"tagname":"event","owner":"Ext.BoxComponent","meta":{},"name":"resize","id":"event-resize"},{"tagname":"event","owner":"Ext.grid.GridPanel","meta":{},"name":"rowbodyclick","id":"event-rowbodyclick"},{"tagname":"event","owner":"Ext.grid.GridPanel","meta":{},"name":"rowbodycontextmenu","id":"event-rowbodycontextmenu"},{"tagname":"event","owner":"Ext.grid.GridPanel","meta":{},"name":"rowbodydblclick","id":"event-rowbodydblclick"},{"tagname":"event","owner":"Ext.grid.GridPanel","meta":{},"name":"rowbodymousedown","id":"event-rowbodymousedown"},{"tagname":"event","owner":"Ext.grid.GridPanel","meta":{},"name":"rowclick","id":"event-rowclick"},{"tagname":"event","owner":"Ext.grid.GridPanel","meta":{},"name":"rowcontextmenu","id":"event-rowcontextmenu"},{"tagname":"event","owner":"Ext.grid.GridPanel","meta":{},"name":"rowdblclick","id":"event-rowdblclick"},{"tagname":"event","owner":"Ext.grid.GridPanel","meta":{},"name":"rowmousedown","id":"event-rowmousedown"},{"tagname":"event","owner":"Ext.Component","meta":{},"name":"show","id":"event-show"},{"tagname":"event","owner":"Ext.grid.GridPanel","meta":{},"name":"sortchange","id":"event-sortchange"},{"tagname":"event","owner":"Ext.Component","meta":{},"name":"staterestore","id":"event-staterestore"},{"tagname":"event","owner":"Ext.Component","meta":{},"name":"statesave","id":"event-statesave"},{"tagname":"event","owner":"Ext.Panel","meta":{},"name":"titlechange","id":"event-titlechange"},{"tagname":"event","owner":"Ext.grid.GridPanel","meta":{},"name":"viewready","id":"event-viewready"}],"css_mixin":[]},"inheritable":null,"private":null,"component":true,"name":"Ext.grid.GridPanel","singleton":false,"override":null,"inheritdoc":null,"id":"class-Ext.grid.GridPanel","mixins":[],"mixedInto":[]});
Reference in a new issue View git blame Copy permalink