docs/output/Ext.ux.grid.TableGrid.html

   1 <div class="body-wrap" xmlns:ext="http://www.extjs.com"><div class="top-tools"><a class="inner-link" href="#Ext.ux.grid.TableGrid-props"><img src="resources/images/default/s.gif" class="item-icon icon-prop">Properties</a>&#13;<a class="inner-link" href="#Ext.ux.grid.TableGrid-methods"><img src="resources/images/default/s.gif" class="item-icon icon-method">Methods</a>&#13;<a class="inner-link" href="#Ext.ux.grid.TableGrid-events"><img src="resources/images/default/s.gif" class="item-icon icon-event">Events</a>&#13;<a class="inner-link" href="#Ext.ux.grid.TableGrid-configs"><img src="resources/images/default/s.gif" class="item-icon icon-config">Config Options</a>&#13;<a class="bookmark" href="../docs/?class=Ext.ux.grid.TableGrid"><img src="resources/images/default/s.gif" class="item-icon icon-fav">Direct Link</a>&#13;</div><div class="inheritance res-block"><pre class="res-block-inner"><a href="output/Ext.util.Observable.html" ext:member="" ext:cls="Ext.util.Observable">Observable</a>&#13;&nbsp;&nbsp;<img src="resources/elbow-end.gif"><a href="output/Ext.Component.html" ext:member="" ext:cls="Ext.Component">Component</a>&#13;&nbsp;&nbsp;&nbsp;&nbsp;<img src="resources/elbow-end.gif"><a href="output/Ext.BoxComponent.html" ext:member="" ext:cls="Ext.BoxComponent">BoxComponent</a>&#13;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="resources/elbow-end.gif"><a href="output/Ext.Container.html" ext:member="" ext:cls="Ext.Container">Container</a>&#13;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="resources/elbow-end.gif"><a href="output/Ext.Panel.html" ext:member="" ext:cls="Ext.Panel">Panel</a>&#13;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="resources/elbow-end.gif"><a href="output/Ext.grid.GridPanel.html" ext:member="" ext:cls="Ext.grid.GridPanel">GridPanel</a>&#13;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="resources/elbow-end.gif">TableGrid</pre></div><h1>Class <a href="source/TableGrid.html#cls-Ext.ux.grid.TableGrid">Ext.ux.grid.TableGrid</a></h1><table cellspacing="0"><tr><td class="label">Package:</td><td class="hd-info">Ext.ux.grid</td></tr><tr><td class="label">Defined In:</td><td class="hd-info">TableGrid.js</td></tr><tr><td class="label">Class:</td><td class="hd-info"><a href="source/TableGrid.html#cls-Ext.ux.grid.TableGrid">TableGrid</a></td></tr><tr><td class="label">Extends:</td><td class="hd-info"><a href="output/Ext.grid.GridPanel.html" ext:cls="Ext.grid.GridPanel" ext:member="">GridPanel</a></td></tr><tr><td class="hd-info"></td></tr></table><div class="description">A Grid which creates itself from an existing HTML table element.</div><div class="hr"></div><a id="Ext.ux.grid.TableGrid-configs"></a><h2>Config Options</h2><table cellspacing="0" class="member-table"><tbody><tr><th colspan="2" class="sig-header">Config Options</th><th class="msource-header">Defined By</th></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Component-anchor"></a><b><a href="source/Component.html#cfg-Ext.Component-anchor">anchor</a></b> : String<div class="mdesc"><div class="short">Note: this config is only used when this Component is rendered\r
   2 by 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
   3 by a Container which has been configured to use an <b><a href="output/Ext.layout.AnchorLayout.html" ext:cls="Ext.layout.AnchorLayout">AnchorLayout</a></b>
   4 based layout manager, for example:<div class="mdetail-params"><ul>
   5 <li><a href="output/Ext.form.FormPanel.html" ext:cls="Ext.form.FormPanel">Ext.form.FormPanel</a></li>
   6 <li>specifying <code>layout: <em>'anchor'</em> <i>// or <em>'form'</em>, or <em>'absolute'</em></i></code></li>
   7 </ul></div></p>
   8 <p>See <a href="output/Ext.layout.AnchorLayout.html" ext:cls="Ext.layout.AnchorLayout">Ext.layout.AnchorLayout</a>.<a href="output/Ext.layout.AnchorLayout.html#Ext.layout.AnchorLayout-anchor" ext:member="anchor" ext:cls="Ext.layout.AnchorLayout">anchor</a> also.</p></div></div></td><td class="msource"><a href="output/Ext.Component.html#anchor" ext:member="#anchor" ext:cls="Ext.Component">Component</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Panel-animCollapse"></a><b><a href="source/Panel.html#cfg-Ext.Panel-animCollapse">animCollapse</a></b> : Boolean<div class="mdesc"><div class="short">true to animate the transition when the panel is collapsed, false to skip the\r
   9 animation (defaults to true if the Ext....</div><div class="long"><code>true</code> to animate the transition when the panel is collapsed, <code>false</code> to skip the
  10 animation (defaults to <code>true</code> if the <a href="output/Ext.Fx.html" ext:cls="Ext.Fx">Ext.Fx</a> class is available, otherwise <code>false</code>).</div></div></td><td class="msource"><a href="output/Ext.Panel.html#animCollapse" ext:member="#animCollapse" ext:cls="Ext.Panel">Panel</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.grid.GridPanel-autoExpandColumn"></a><b><a href="source/GridPanel.html#cfg-Ext.grid.GridPanel-autoExpandColumn">autoExpandColumn</a></b> : String<div class="mdesc"><div class="short">The id of a column in&#13;\r
  11 this grid that should expand to fill unused space. This value specified here can not&#13;\r
  12 be 0.&#13;\r
  13 N...</div><div class="long"><p>The <tt><a href="output/Ext.grid.Column.html#Ext.grid.Column-id" ext:member="id" ext:cls="Ext.grid.Column">id</a></tt> of a <a href="output/Ext.grid.Column.html" ext:cls="Ext.grid.Column">column</a> in\r
  14 this grid that should expand to fill unused space. This value specified here can not\r
  15 be <tt>0</tt>.</p>\r
  16 <br><p><b>Note</b>: If the Grid's <a href="output/Ext.grid.GridView.html" ext:cls="Ext.grid.GridView">view</a> is configured with\r
  17 <tt><a href="output/Ext.grid.GridView.html#Ext.grid.GridView-forceFit" ext:member="forceFit" ext:cls="Ext.grid.GridView">forceFit</a>=true</tt> the <tt>autoExpandColumn</tt>\r
  18 is ignored. See <a href="output/Ext.grid.Column.html" ext:cls="Ext.grid.Column">Ext.grid.Column</a>.<tt><a href="output/Ext.grid.Column.html#Ext.grid.Column-width" ext:member="width" ext:cls="Ext.grid.Column">width</a></tt>\r
  19 for additional details.</p>\r
  20 <p>See <tt><a href="output/Ext.grid.GridPanel.html#Ext.grid.GridPanel-autoExpandMax" ext:member="autoExpandMax" ext:cls="Ext.grid.GridPanel">autoExpandMax</a></tt> and <tt><a href="output/Ext.grid.GridPanel.html#Ext.grid.GridPanel-autoExpandMin" ext:member="autoExpandMin" ext:cls="Ext.grid.GridPanel">autoExpandMin</a></tt> also.</p></div></div></td><td class="msource"><a href="output/Ext.grid.GridPanel.html#autoExpandColumn" ext:member="#autoExpandColumn" ext:cls="Ext.grid.GridPanel">GridPanel</a></td></tr><tr class="config-row  inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.grid.GridPanel-autoExpandMax"></a><b><a href="source/GridPanel.html#cfg-Ext.grid.GridPanel-autoExpandMax">autoExpandMax</a></b> : Number<div class="mdesc">The maximum width the <tt><a href="output/Ext.grid.GridPanel.html#Ext.grid.GridPanel-autoExpandColumn" ext:member="autoExpandColumn" ext:cls="Ext.grid.GridPanel">autoExpandColumn</a></tt>\r
  21 can have (if enabled). Defaults to <tt>1000</tt>.</div></td><td class="msource"><a href="output/Ext.grid.GridPanel.html#autoExpandMax" ext:member="#autoExpandMax" ext:cls="Ext.grid.GridPanel">GridPanel</a></td></tr><tr class="config-row  inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.grid.GridPanel-autoExpandMin"></a><b><a href="source/GridPanel.html#cfg-Ext.grid.GridPanel-autoExpandMin">autoExpandMin</a></b> : Number<div class="mdesc">The minimum width the <tt><a href="output/Ext.grid.GridPanel.html#Ext.grid.GridPanel-autoExpandColumn" ext:member="autoExpandColumn" ext:cls="Ext.grid.GridPanel">autoExpandColumn</a></tt>\r
  22 can have (if enabled). Defaults to <tt>50</tt>.</div></td><td class="msource"><a href="output/Ext.grid.GridPanel.html#autoExpandMin" ext:member="#autoExpandMin" ext:cls="Ext.grid.GridPanel">GridPanel</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Panel-autoHeight"></a><b><a href="source/Panel.html#cfg-Ext.Panel-autoHeight">autoHeight</a></b> : Boolean<div class="mdesc"><div class="short">true to use height:'auto', false to use fixed height (defaults to false).\r
  23 Note: Setting autoHeight: true means that t...</div><div class="long"><code>true</code> to use height:'auto', <code>false</code> to use fixed height (defaults to <code>false</code>).
  24 <b>Note</b>: Setting <code>autoHeight: true</code> means that the browser will manage the panel's height
  25 based on its contents, and that Ext will not manage it at all. If the panel is within a layout that
  26 manages dimensions (<code>fit</code>, <code>border</code>, etc.) then setting <code>autoHeight: true</code>
  27 can cause issues with scrolling and will not generally work as expected since the panel will take
  28 on the height of its contents rather than the height required by the Ext layout.</div></div></td><td class="msource"><a href="output/Ext.Panel.html#autoHeight" ext:member="#autoHeight" ext:cls="Ext.Panel">Panel</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Component-autoShow"></a><b><a href="source/Component.html#cfg-Ext.Component-autoShow">autoShow</a></b> : Boolean<div class="mdesc"><div class="short">True if the component should check for hidden classes (e.g. 'x-hidden' or 'x-hide-display') and remove\r
  29 them on render...</div><div class="long">True if the component should check for hidden classes (e.g. 'x-hidden' or 'x-hide-display') and remove
  30 them on render (defaults to false).</div></div></td><td class="msource"><a href="output/Ext.Component.html#autoShow" ext:member="#autoShow" ext:cls="Ext.Component">Component</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Panel-baseCls"></a><b><a href="source/Panel.html#cfg-Ext.Panel-baseCls">baseCls</a></b> : String<div class="mdesc"><div class="short">The base CSS class to apply to this panel's element (defaults to 'x-panel').\r
  31 Another option available by default is t...</div><div class="long">The base CSS class to apply to this panel's element (defaults to <code><em>'x-panel'</em></code>).
  32 <p>Another option available by default is to specify <code><em>'x-plain'</em></code> which strips all styling
  33 except for required attributes for Ext layouts to function (e.g. overflow:hidden).
  34 See <code><a href="output/Ext.Panel.html#Ext.Panel-unstyled" ext:member="unstyled" ext:cls="Ext.Panel">unstyled</a></code> also.</p></div></div></td><td class="msource"><a href="output/Ext.Panel.html#baseCls" ext:member="#baseCls" ext:cls="Ext.Panel">Panel</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Panel-bbar"></a><b><a href="source/Panel.html#cfg-Ext.Panel-bbar">bbar</a></b> : Object/Array<div class="mdesc"><div class="short">The bottom toolbar of the panel. This can be a Ext.Toolbar object, a toolbar config, or an array of\r
  35 buttons/button co...</div><div class="long"><p>The bottom toolbar of the panel. This can be a <a href="output/Ext.Toolbar.html" ext:cls="Ext.Toolbar">Ext.Toolbar</a> object, a toolbar config, or an array of
  36 buttons/button configs to be added to the toolbar.  Note that this is not available as a property after render.
  37 To access the bottom toolbar after render, use <a href="output/Ext.Panel.html#Ext.Panel-getBottomToolbar" ext:member="getBottomToolbar" ext:cls="Ext.Panel">getBottomToolbar</a>.</p>
  38 <p><b>Note:</b> Although a Toolbar may contain Field components, these will <b>not</b> be updated by a load
  39 of an ancestor FormPanel. A Panel's toolbars are not part of the standard Container->Component hierarchy, and
  40 so are not scanned to collect form items. However, the values <b>will</b> be submitted because form
  41 submission parameters are collected from the DOM tree.</p></div></div></td><td class="msource"><a href="output/Ext.Panel.html#bbar" ext:member="#bbar" ext:cls="Ext.Panel">Panel</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Panel-bbarCfg"></a><b><a href="source/Panel.html#cfg-Ext.Panel-bbarCfg">bbarCfg</a></b> : Object<div class="mdesc"><div class="short">A DomHelper element specification object specifying the element structure\r
  42 of this Panel's bbar Element.  See bodyCfg ...</div><div class="long"><p>A <a href="output/Ext.DomHelper.html" ext:cls="Ext.DomHelper">DomHelper</a> element specification object specifying the element structure
  43 of this Panel's <a href="output/Ext.Panel.html#Ext.Panel-bbar" ext:member="bbar" ext:cls="Ext.Panel">bbar</a> Element.  See <code><a href="output/Ext.Panel.html#Ext.Panel-bodyCfg" ext:member="bodyCfg" ext:cls="Ext.Panel">bodyCfg</a></code> also.</p></div></div></td><td class="msource"><a href="output/Ext.Panel.html#bbarCfg" ext:member="#bbarCfg" ext:cls="Ext.Panel">Panel</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Panel-bodyCfg"></a><b><a href="source/Panel.html#cfg-Ext.Panel-bodyCfg">bodyCfg</a></b> : Object<div class="mdesc"><div class="short">A DomHelper element specification object may be specified for any\r
  44 Panel Element.\r
  45 By default, the Default element in t...</div><div class="long"><p>A <a href="output/Ext.DomHelper.html" ext:cls="Ext.DomHelper">DomHelper</a> element specification object may be specified for any
  46 Panel Element.</p>
  47 <p>By default, the Default element in the table below will be used for the html markup to
  48 create a child element with the commensurate Default class name (<code>baseCls</code> will be
  49 replaced by <code><a href="output/Ext.Panel.html#Ext.Panel-baseCls" ext:member="baseCls" ext:cls="Ext.Panel">baseCls</a></code>):</p>
  50 <pre>
  51 Panel      Default  Default             Custom      Additional       Additional
  52 Element    element  class               element     class            style
  53 ========   ==========================   =========   ==============   ===========
  54 <a href="output/Ext.Panel.html#Ext.Panel-header" ext:member="header" ext:cls="Ext.Panel">header</a>     div      <a href="output/Ext.Panel.html#Ext.Panel-baseCls" ext:member="baseCls" ext:cls="Ext.Panel">baseCls</a>+'-header'   <a href="output/Ext.Panel.html#Ext.Panel-headerCfg" ext:member="headerCfg" ext:cls="Ext.Panel">headerCfg</a>   headerCssClass   headerStyle
  55 <a href="output/Ext.Panel.html#Ext.Panel-bwrap" ext:member="bwrap" ext:cls="Ext.Panel">bwrap</a>      div      <a href="output/Ext.Panel.html#Ext.Panel-baseCls" ext:member="baseCls" ext:cls="Ext.Panel">baseCls</a>+'-bwrap'     <a href="output/Ext.Panel.html#Ext.Panel-bwrapCfg" ext:member="bwrapCfg" ext:cls="Ext.Panel">bwrapCfg</a>    bwrapCssClass    bwrapStyle
  56 + tbar     div      <a href="output/Ext.Panel.html#Ext.Panel-baseCls" ext:member="baseCls" ext:cls="Ext.Panel">baseCls</a>+'-tbar'       <a href="output/Ext.Panel.html#Ext.Panel-tbarCfg" ext:member="tbarCfg" ext:cls="Ext.Panel">tbarCfg</a>     tbarCssClass     tbarStyle
  57 + <a href="output/Ext.Panel.html#Ext.Panel-body" ext:member="body" ext:cls="Ext.Panel">body</a>     div      <a href="output/Ext.Panel.html#Ext.Panel-baseCls" ext:member="baseCls" ext:cls="Ext.Panel">baseCls</a>+'-body'       <a href="output/Ext.Panel.html#Ext.Panel-bodyCfg" ext:member="bodyCfg" ext:cls="Ext.Panel">bodyCfg</a>     <a href="output/Ext.Panel.html#Ext.Panel-bodyCssClass" ext:member="bodyCssClass" ext:cls="Ext.Panel">bodyCssClass</a>     <a href="output/Ext.Panel.html#Ext.Panel-bodyStyle" ext:member="bodyStyle" ext:cls="Ext.Panel">bodyStyle</a>
  58 + bbar     div      <a href="output/Ext.Panel.html#Ext.Panel-baseCls" ext:member="baseCls" ext:cls="Ext.Panel">baseCls</a>+'-bbar'       <a href="output/Ext.Panel.html#Ext.Panel-bbarCfg" ext:member="bbarCfg" ext:cls="Ext.Panel">bbarCfg</a>     bbarCssClass     bbarStyle
  59 + <a href="output/Ext.Panel.html#Ext.Panel-footer" ext:member="footer" ext:cls="Ext.Panel">footer</a>   div      <a href="output/Ext.Panel.html#Ext.Panel-baseCls" ext:member="baseCls" ext:cls="Ext.Panel">baseCls</a>+'-footer'   <a href="output/Ext.Panel.html#Ext.Panel-footerCfg" ext:member="footerCfg" ext:cls="Ext.Panel">footerCfg</a>   footerCssClass   footerStyle
  60 </pre>
  61 <p>Configuring a Custom element may be used, for example, to force the <a href="output/Ext.Panel.html#Ext.Panel-body" ext:member="body" ext:cls="Ext.Panel">body</a> Element
  62 to use a different form of markup than is created by default. An example of this might be
  63 to <a href="output/Ext.Element.html#Ext.Element-createChild" ext:member="createChild" ext:cls="Ext.Element">create a child</a> Panel containing a custom content, such as
  64 a header, or forcing centering of all Panel content by having the body be a &lt;center&gt;
  65 element:</p>
  66 <pre><code><b>new</b> Ext.Panel({
  67     title: <em>'Message Title'</em>,
  68     renderTo: Ext.getBody(),
  69     width: 200, height: 130,
  70     <b>bodyCfg</b>: {
  71         tag: <em>'center'</em>,
  72         cls: <em>'x-panel-body'</em>,  <i>// Default class not applied <b>if</b> Custom element specified</i>
  73         html: <em>'Message'</em>
  74     },
  75     footerCfg: {
  76         tag: <em>'h2'</em>,
  77         cls: <em>'x-panel-footer'</em>        <i>// same as the Default class</i>
  78         html: <em>'footer html'</em>
  79     },
  80     footerCssClass: <em>'custom-footer'</em>, <i>// additional css class, see <a href="output/Ext.element.html#Ext.element-addClass" ext:member="addClass" ext:cls="Ext.element">addClass</a></i>
  81     footerStyle:    <em>'background-color:red'</em> <i>// see <a href="output/Ext.Panel.html#Ext.Panel-bodyStyle" ext:member="bodyStyle" ext:cls="Ext.Panel">bodyStyle</a></i>
  82 });</code></pre>
  83 <p>The example above also explicitly creates a <code><a href="output/Ext.Panel.html#Ext.Panel-footer" ext:member="footer" ext:cls="Ext.Panel">footer</a></code> with custom markup and
  84 styling applied.</p></div></div></td><td class="msource"><a href="output/Ext.Panel.html#bodyCfg" ext:member="#bodyCfg" ext:cls="Ext.Panel">Panel</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Panel-bodyCssClass"></a><b><a href="source/Panel.html#cfg-Ext.Panel-bodyCssClass">bodyCssClass</a></b> : String/Object/Function<div class="mdesc"><div class="short">Additional css class selector to be applied to the body element in the format expected by\r
  85 Ext.Element.addClass (defau...</div><div class="long">Additional css class selector to be applied to the <a href="output/Ext.Panel.html#Ext.Panel-body" ext:member="body" ext:cls="Ext.Panel">body</a> element in the format expected by
  86 <a href="output/Ext.Element.html#Ext.Element-addClass" ext:member="addClass" ext:cls="Ext.Element">Ext.Element.addClass</a> (defaults to null). See <a href="output/Ext.Panel.html#Ext.Panel-bodyCfg" ext:member="bodyCfg" ext:cls="Ext.Panel">bodyCfg</a>.</div></div></td><td class="msource"><a href="output/Ext.Panel.html#bodyCssClass" ext:member="#bodyCssClass" ext:cls="Ext.Panel">Panel</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Panel-border"></a><b><a href="source/Panel.html#cfg-Ext.Panel-border">border</a></b> : Boolean<div class="mdesc"><div class="short">True to display the borders of the panel's body element, false to hide them (defaults to true).  By default,\r
  87 the bord...</div><div class="long">True to display the borders of the panel's body element, false to hide them (defaults to true).  By default,
  88 the border is a 2px wide inset border, but this can be further altered by setting <a href="output/Ext.Panel.html#Ext.Panel-bodyBorder" ext:member="bodyBorder" ext:cls="Ext.Panel">bodyBorder</a> to false.</div></div></td><td class="msource"><a href="output/Ext.Panel.html#border" ext:member="#border" ext:cls="Ext.Panel">Panel</a></td></tr><tr class="config-row  inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.grid.GridPanel-bubbleEvents"></a><b><a href="source/GridPanel.html#cfg-Ext.grid.GridPanel-bubbleEvents">bubbleEvents</a></b> : Array<div class="mdesc"><p>An array of events that, when fired, should be bubbled to any parent container.\r
  89 Defaults to <tt>[]</tt>.</div></td><td class="msource"><a href="output/Ext.grid.GridPanel.html#bubbleEvents" ext:member="#bubbleEvents" ext:cls="Ext.grid.GridPanel">GridPanel</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Panel-buttonAlign"></a><b><a href="source/Panel.html#cfg-Ext.Panel-buttonAlign">buttonAlign</a></b> : String<div class="mdesc"><div class="short">The alignment of any buttons added to this panel.  Valid values are 'right',\r
  90 'left' and 'center' (defaults to 'right'...</div><div class="long">The alignment of any <a href="output/Ext.Panel.html#Ext.Panel-buttons" ext:member="buttons" ext:cls="Ext.Panel">buttons</a> added to this panel.  Valid values are <code><em>'right'</em></code>,
  91 <code><em>'left'</em></code> and <code><em>'center'</em></code> (defaults to <code><em>'right'</em></code>).</div></div></td><td class="msource"><a href="output/Ext.Panel.html#buttonAlign" ext:member="#buttonAlign" ext:cls="Ext.Panel">Panel</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Panel-buttons"></a><b><a href="source/Panel.html#cfg-Ext.Panel-buttons">buttons</a></b> : Array<div class="mdesc"><div class="short">buttons will be used as items for the toolbar in\r
  92 the footer (fbar). Typically the value of this configuration propert...</div><div class="long"><code>buttons</code> will be used as <code><a href="output/Ext.Container.html#Ext.Container-items" ext:member="items" ext:cls="Ext.Container">items</a></code> for the toolbar in
  93 the footer (<code><a href="output/Ext.Panel.html#Ext.Panel-fbar" ext:member="fbar" ext:cls="Ext.Panel">fbar</a></code>). Typically the value of this configuration property will be
  94 an array of <a href="output/Ext.Button.html" ext:cls="Ext.Button">Ext.Button</a>s or <a href="output/Ext.Button.html" ext:cls="Ext.Button">Ext.Button</a> configuration objects.
  95 If an item is configured with <code>minWidth</code> or the Panel is configured with <code>minButtonWidth</code>,
  96 that width will be applied to the item.</div></div></td><td class="msource"><a href="output/Ext.Panel.html#buttons" ext:member="#buttons" ext:cls="Ext.Panel">Panel</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Panel-bwrapCfg"></a><b><a href="source/Panel.html#cfg-Ext.Panel-bwrapCfg">bwrapCfg</a></b> : Object<div class="mdesc"><div class="short">A DomHelper element specification object specifying the element structure\r
  97 of this Panel's bwrap Element.  See bodyCfg...</div><div class="long"><p>A <a href="output/Ext.DomHelper.html" ext:cls="Ext.DomHelper">DomHelper</a> element specification object specifying the element structure
  98 of this Panel's <a href="output/Ext.Panel.html#Ext.Panel-bwrap" ext:member="bwrap" ext:cls="Ext.Panel">bwrap</a> Element.  See <code><a href="output/Ext.Panel.html#Ext.Panel-bodyCfg" ext:member="bodyCfg" ext:cls="Ext.Panel">bodyCfg</a></code> also.</p></div></div></td><td class="msource"><a href="output/Ext.Panel.html#bwrapCfg" ext:member="#bwrapCfg" ext:cls="Ext.Panel">Panel</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Component-clearCls"></a><b><a href="source/Component.html#cfg-Ext.Component-clearCls">clearCls</a></b> : String<div class="mdesc"><div class="short">The CSS class used to to apply to the special clearing div rendered\r
  99 directly 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
 100 directly after each form field wrapper to provide field clearing (defaults to
 101 <tt>'x-form-clear-left'</tt>).</p>
 102 <br><p><b>Note</b>: this config is only used when this Component is rendered by a Container
 103 which has been configured to use the <b><a href="output/Ext.layout.FormLayout.html" ext:cls="Ext.layout.FormLayout">FormLayout</a></b> layout
 104 manager (e.g. <a href="output/Ext.form.FormPanel.html" ext:cls="Ext.form.FormPanel">Ext.form.FormPanel</a> or specifying <tt>layout:'form'</tt>) and either a
 105 <tt><a href="output/Ext.Component.html#Ext.Component-fieldLabel" ext:member="fieldLabel" ext:cls="Ext.Component">fieldLabel</a></tt> is specified or <tt>isFormField=true</tt> is specified.</p><br>
 106 <p>See <a href="output/Ext.layout.FormLayout.html" ext:cls="Ext.layout.FormLayout">Ext.layout.FormLayout</a>.<a href="output/Ext.layout.FormLayout.html#Ext.layout.FormLayout-fieldTpl" ext:member="fieldTpl" ext:cls="Ext.layout.FormLayout">fieldTpl</a> also.</p></div></div></td><td class="msource"><a href="output/Ext.Component.html#clearCls" ext:member="#clearCls" ext:cls="Ext.Component">Component</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Panel-closable"></a><b><a href="source/Panel.html#cfg-Ext.Panel-closable">closable</a></b> : Boolean<div class="mdesc"><div class="short">Panels themselves do not directly support being closed, but some Panel subclasses do (like\r
 107 Ext.Window) or a Panel Cla...</div><div class="long">Panels themselves do not directly support being closed, but some Panel subclasses do (like
 108 <a href="output/Ext.Window.html" ext:cls="Ext.Window">Ext.Window</a>) or a Panel Class within an <a href="output/Ext.TabPanel.html" ext:cls="Ext.TabPanel">Ext.TabPanel</a>.  Specify <code>true</code>
 109 to enable closing in such situations. Defaults to <code>false</code>.</div></div></td><td class="msource"><a href="output/Ext.Panel.html#closable" ext:member="#closable" ext:cls="Ext.Panel">Panel</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Component-cls"></a><b><a href="source/Component.html#cfg-Ext.Component-cls">cls</a></b> : String<div class="mdesc"><div class="short">An optional extra CSS class that will be added to this component's Element (defaults to '').  This can be\r
 110 useful for ...</div><div class="long">An optional extra CSS class that will be added to this component's Element (defaults to '').  This can be
 111 useful for adding customized styles to the component or any of its children using standard CSS rules.</div></div></td><td class="msource"><a href="output/Ext.Component.html#cls" ext:member="#cls" ext:cls="Ext.Component">Component</a></td></tr><tr class="config-row  inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.grid.GridPanel-cm"></a><b><a href="source/GridPanel.html#cfg-Ext.grid.GridPanel-cm">cm</a></b> : Object<div class="mdesc">Shorthand for <tt><a href="output/Ext.grid.GridPanel.html#Ext.grid.GridPanel-colModel" ext:member="colModel" ext:cls="Ext.grid.GridPanel">colModel</a></tt>.</div></td><td class="msource"><a href="output/Ext.grid.GridPanel.html#cm" ext:member="#cm" ext:cls="Ext.grid.GridPanel">GridPanel</a></td></tr><tr class="config-row  inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.grid.GridPanel-colModel"></a><b><a href="source/GridPanel.html#cfg-Ext.grid.GridPanel-colModel">colModel</a></b> : Object<div class="mdesc">The <a href="output/Ext.grid.ColumnModel.html" ext:cls="Ext.grid.ColumnModel">Ext.grid.ColumnModel</a> to use when rendering the grid (required).</div></td><td class="msource"><a href="output/Ext.grid.GridPanel.html#colModel" ext:member="#colModel" ext:cls="Ext.grid.GridPanel">GridPanel</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Panel-collapseFirst"></a><b><a href="source/Panel.html#cfg-Ext.Panel-collapseFirst">collapseFirst</a></b> : Boolean<div class="mdesc"><div class="short">true to make sure the collapse/expand toggle button always renders first (to the left of)\r
 112 any other tools in the pane...</div><div class="long"><code>true</code> to make sure the collapse/expand toggle button always renders first (to the left of)
 113 any other tools in the panel's title bar, <code>false</code> to render it last (defaults to <code>true</code>).</div></div></td><td class="msource"><a href="output/Ext.Panel.html#collapseFirst" ext:member="#collapseFirst" ext:cls="Ext.Panel">Panel</a></td></tr><tr class="config-row  inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Panel-collapsed"></a><b><a href="source/Panel.html#cfg-Ext.Panel-collapsed">collapsed</a></b> : Boolean<div class="mdesc"><code>true</code> to render the panel collapsed, <code>false</code> to render it expanded (defaults to
 114 <code>false</code>).</div></td><td class="msource"><a href="output/Ext.Panel.html#collapsed" ext:member="#collapsed" ext:cls="Ext.Panel">Panel</a></td></tr><tr class="config-row  inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Panel-collapsedCls"></a><b><a href="source/Panel.html#cfg-Ext.Panel-collapsedCls">collapsedCls</a></b> : String<div class="mdesc">A CSS class to add to the panel's element after it has been collapsed (defaults to
 115 <code><em>'x-panel-collapsed'</em></code>).</div></td><td class="msource"><a href="output/Ext.Panel.html#collapsedCls" ext:member="#collapsedCls" ext:cls="Ext.Panel">Panel</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Panel-collapsible"></a><b><a href="source/Panel.html#cfg-Ext.Panel-collapsible">collapsible</a></b> : Boolean<div class="mdesc"><div class="short">True to make the panel collapsible and have the expand/collapse toggle button automatically rendered into\r
 116 the header ...</div><div class="long">True to make the panel collapsible and have the expand/collapse toggle button automatically rendered into
 117 the header tool button area, false to keep the panel statically sized with no button (defaults to false).</div></div></td><td class="msource"><a href="output/Ext.Panel.html#collapsible" ext:member="#collapsible" ext:cls="Ext.Panel">Panel</a></td></tr><tr class="config-row  inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.grid.GridPanel-columnLines"></a><b><a href="source/GridPanel.html#cfg-Ext.grid.GridPanel-columnLines">columnLines</a></b> : Boolean<div class="mdesc"><tt>true</tt> to add css for column separation lines.\r
 118 Default is <tt>false</tt>.</div></td><td class="msource"><a href="output/Ext.grid.GridPanel.html#columnLines" ext:member="#columnLines" ext:cls="Ext.grid.GridPanel">GridPanel</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.grid.GridPanel-columns"></a><b><a href="source/GridPanel.html#cfg-Ext.grid.GridPanel-columns">columns</a></b> : Array<div class="mdesc"><div class="short">An array of columns to auto create a&#13;\r
 119 Ext.grid.ColumnModel.  The ColumnModel may be explicitly created via the&#13;\r
 120 colMo...</div><div class="long">An array of <a href="output/Ext.grid.Column.html" ext:cls="Ext.grid.Column">columns</a> to auto create a\r
 121 <a href="output/Ext.grid.ColumnModel.html" ext:cls="Ext.grid.ColumnModel">Ext.grid.ColumnModel</a>.  The ColumnModel may be explicitly created via the\r
 122 <tt><a href="output/Ext.grid.GridPanel.html#Ext.grid.GridPanel-colModel" ext:member="colModel" ext:cls="Ext.grid.GridPanel">colModel</a></tt> configuration property.</div></div></td><td class="msource"><a href="output/Ext.grid.GridPanel.html#columns" ext:member="#columns" ext:cls="Ext.grid.GridPanel">GridPanel</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Component-ctCls"></a><b><a href="source/Component.html#cfg-Ext.Component-ctCls">ctCls</a></b> : String<div class="mdesc"><div class="short">An optional extra CSS class that will be added to this component's container. This can be useful for\r
 123 adding customize...</div><div class="long"><p>An optional extra CSS class that will be added to this component's container. This can be useful for
 124 adding customized styles to the container or any of its children using standard CSS rules.  See
 125 <a href="output/Ext.layout.ContainerLayout.html" ext:cls="Ext.layout.ContainerLayout">Ext.layout.ContainerLayout</a>.<a href="output/Ext.layout.ContainerLayout.html#Ext.layout.ContainerLayout-extraCls" ext:member="extraCls" ext:cls="Ext.layout.ContainerLayout">extraCls</a> also.</p>
 126 <p><b>Note</b>: <tt>ctCls</tt> defaults to <tt>''</tt> except for the following class
 127 which assigns a value by default:
 128 <div class="mdetail-params"><ul>
 129 <li><a href="output/Ext.layout.Box.html" ext:cls="Ext.layout.Box">Box Layout</a> : <tt>'x-box-layout-ct'</tt></li>
 130 </ul></div>
 131 To configure the above Class with an extra CSS class append to the default.  For example,
 132 for BoxLayout (Hbox and Vbox):<pre><code>ctCls: <em>'x-box-layout-ct custom-class'</em></code></pre>
 133 </p></div></div></td><td class="msource"><a href="output/Ext.Component.html#ctCls" ext:member="#ctCls" ext:cls="Ext.Component">Component</a></td></tr><tr class="config-row  inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.grid.GridPanel-ddGroup"></a><b><a href="source/GridPanel.html#cfg-Ext.grid.GridPanel-ddGroup">ddGroup</a></b> : String<div class="mdesc">The DD group this GridPanel belongs to. Defaults to <tt>'GridDD'</tt> if not specified.</div></td><td class="msource"><a href="output/Ext.grid.GridPanel.html#ddGroup" ext:member="#ddGroup" ext:cls="Ext.grid.GridPanel">GridPanel</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.grid.GridPanel-ddText"></a><b><a href="source/GridPanel.html#cfg-Ext.grid.GridPanel-ddText">ddText</a></b> : String<div class="mdesc"><div class="short">Configures the text in the drag proxy.  Defaults to:&#13;\r
 134 ddText : '{0} selected row{1}'&#13;\r
 135 {0} is replaced with the number...</div><div class="long">Configures the text in the drag proxy.  Defaults to:\r
 136 <pre><code>ddText : <em>'{0} selected row{1}'</em></code></pre>\r
 137 <tt>{0}</tt> is replaced with the number of selected rows.</div></div></td><td class="msource"><a href="output/Ext.grid.GridPanel.html#ddText" ext:member="#ddText" ext:cls="Ext.grid.GridPanel">GridPanel</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.grid.GridPanel-deferRowRender"></a><b><a href="source/GridPanel.html#cfg-Ext.grid.GridPanel-deferRowRender">deferRowRender</a></b> : Boolean<div class="mdesc"><div class="short">Defaults to true to enable deferred row rendering.&#13;\r
 138 This allows the GridPanel to be initially rendered empty, with th...</div><div class="long"><P>Defaults to <tt>true</tt> to enable deferred row rendering.</p>\r
 139 <p>This allows the GridPanel to be initially rendered empty, with the expensive update of the row\r
 140 structure deferred so that layouts with GridPanels appear more quickly.</p></div></div></td><td class="msource"><a href="output/Ext.grid.GridPanel.html#deferRowRender" ext:member="#deferRowRender" ext:cls="Ext.grid.GridPanel">GridPanel</a></td></tr><tr class="config-row  inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.grid.GridPanel-disableSelection"></a><b><a href="source/GridPanel.html#cfg-Ext.grid.GridPanel-disableSelection">disableSelection</a></b> : Boolean<div class="mdesc"><p><tt>true</tt> to disable selections in the grid. Defaults to <tt>false</tt>.</p>\r
 141 <p>Ignored if a <a href="output/Ext.grid.GridPanel.html#Ext.grid.GridPanel-selModel" ext:member="selModel" ext:cls="Ext.grid.GridPanel">SelectionModel</a> is specified.</p></div></td><td class="msource"><a href="output/Ext.grid.GridPanel.html#disableSelection" ext:member="#disableSelection" ext:cls="Ext.grid.GridPanel">GridPanel</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Panel-disabled"></a><b><a href="source/Panel.html#cfg-Ext.Panel-disabled">disabled</a></b> : Boolean<div class="mdesc"><div class="short">Render this panel disabled (default is false). An important note when using the disabled\r
 142 config on panels is that IE ...</div><div class="long">Render this panel disabled (default is <code>false</code>). An important note when using the disabled
 143 config on panels is that IE will often fail to initialize the disabled mask element correectly if
 144 the panel's layout has not yet completed by the time the Panel is disabled during the render process.
 145 If you experience this issue, you may need to instead use the <a href="output/Ext.Panel.html#Ext.Panel-afterlayout" ext:member="afterlayout" ext:cls="Ext.Panel">afterlayout</a> event to initialize
 146 the disabled state:
 147 <pre><code><b>new</b> Ext.Panel({
 148     ...
 149     listeners: {
 150         <em>'afterlayout'</em>: {
 151             fn: <b>function</b>(p){
 152                 p.disable();
 153             },
 154             single: true <i>// important, as many layouts can occur</i>
 155         }
 156     }
 157 });</code></pre></div></div></td><td class="msource"><a href="output/Ext.Panel.html#disabled" ext:member="#disabled" ext:cls="Ext.Panel">Panel</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Panel-draggable"></a><b><a href="source/Panel.html#cfg-Ext.Panel-draggable">draggable</a></b> : Boolean/Object<div class="mdesc"><div class="short">true to enable dragging of this Panel (defaults to false).\r
 158 For custom drag/drop implementations, an Ext.Panel.DD conf...</div><div class="long"><p><code>true</code> to enable dragging of this Panel (defaults to <code>false</code>).</p>
 159 <p>For custom drag/drop implementations, an <b>Ext.Panel.DD</b> config could also be passed
 160 in this config instead of <code>true</code>. Ext.Panel.DD is an internal, undocumented class which
 161 moves a proxy Element around in place of the Panel's element, but provides no other behaviour
 162 during dragging or on drop. It is a subclass of <a href="output/Ext.dd.DragSource.html" ext:cls="Ext.dd.DragSource">Ext.dd.DragSource</a>, so behaviour may be
 163 added by implementing the interface methods of <a href="output/Ext.dd.DragDrop.html" ext:cls="Ext.dd.DragDrop">Ext.dd.DragDrop</a> e.g.:
 164 <pre><code><b>new</b> Ext.Panel({
 165     title: <em>'Drag me'</em>,
 166     x: 100,
 167     y: 100,
 168     renderTo: Ext.getBody(),
 169     floating: true,
 170     frame: true,
 171     width: 400,
 172     height: 200,
 173     draggable: {
 174 <i>//      Config option of Ext.Panel.DD class.</i>
 175 <i>//      It&#39;s a floating Panel, so <b>do</b> not show a placeholder proxy <b>in</b> the original position.</i>
 176         insertProxy: false,
 177
 178 <i>//      Called <b>for</b> each mousemove event <b>while</b> dragging the DD object.</i>
 179         onDrag : <b>function</b>(e){
 180 <i>//          Record the x,y position of the drag proxy so that we can</i>
 181 <i>//          position the Panel at end of drag.</i>
 182             <b>var</b> pel = this.proxy.getEl();
 183             this.x = pel.getLeft(true);
 184             this.y = pel.getTop(true);
 185
 186 <i>//          Keep the Shadow aligned <b>if</b> there is one.</i>
 187             <b>var</b> s = this.panel.getEl().shadow;
 188             <b>if</b> (s) {
 189                 s.realign(this.x, this.y, pel.getWidth(), pel.getHeight());
 190             }
 191         },
 192
 193 <i>//      Called on the mouseup event.</i>
 194         endDrag : <b>function</b>(e){
 195             this.panel.setPosition(this.x, this.y);
 196         }
 197     }
 198 }).show();</code></pre></div></div></td><td class="msource"><a href="output/Ext.Panel.html#draggable" ext:member="#draggable" ext:cls="Ext.Panel">Panel</a></td></tr><tr class="config-row  inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.grid.GridPanel-enableColumnHide"></a><b><a href="source/GridPanel.html#cfg-Ext.grid.GridPanel-enableColumnHide">enableColumnHide</a></b> : Boolean<div class="mdesc">Defaults to <tt>true</tt> to enable <a href="output/Ext.grid.Column.html#Ext.grid.Column-hidden" ext:member="hidden" ext:cls="Ext.grid.Column">hiding of columns</a>\r
 199 with the <a href="output/Ext.grid.GridPanel.html#Ext.grid.GridPanel-enableHdMenu" ext:member="enableHdMenu" ext:cls="Ext.grid.GridPanel">header menu</a>.</div></td><td class="msource"><a href="output/Ext.grid.GridPanel.html#enableColumnHide" ext:member="#enableColumnHide" ext:cls="Ext.grid.GridPanel">GridPanel</a></td></tr><tr class="config-row  inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.grid.GridPanel-enableColumnMove"></a><b><a href="source/GridPanel.html#cfg-Ext.grid.GridPanel-enableColumnMove">enableColumnMove</a></b> : Boolean<div class="mdesc">Defaults to <tt>true</tt> to enable drag and drop reorder of columns. <tt>false</tt>\r
 200 to turn off column reordering via drag drop.</div></td><td class="msource"><a href="output/Ext.grid.GridPanel.html#enableColumnMove" ext:member="#enableColumnMove" ext:cls="Ext.grid.GridPanel">GridPanel</a></td></tr><tr class="config-row  inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.grid.GridPanel-enableColumnResize"></a><b><a href="source/GridPanel.html#cfg-Ext.grid.GridPanel-enableColumnResize">enableColumnResize</a></b> : Boolean<div class="mdesc"><tt>false</tt> to turn off column resizing for the whole grid. Defaults to <tt>true</tt>.</div></td><td class="msource"><a href="output/Ext.grid.GridPanel.html#enableColumnResize" ext:member="#enableColumnResize" ext:cls="Ext.grid.GridPanel">GridPanel</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.grid.GridPanel-enableDragDrop"></a><b><a href="source/GridPanel.html#cfg-Ext.grid.GridPanel-enableDragDrop">enableDragDrop</a></b> : Boolean<div class="mdesc"><div class="short">Enables dragging of the selected rows of the GridPanel. Defaults to false.&#13;\r
 201 Setting this to true causes this GridPane...</div><div class="long"><p>Enables dragging of the selected rows of the GridPanel. Defaults to <tt>false</tt>.</p>\r
 202 <p>Setting this to <b><tt>true</tt></b> causes this GridPanel's <a href="output/Ext.grid.GridPanel.html#Ext.grid.GridPanel-getView" ext:member="getView" ext:cls="Ext.grid.GridPanel">GridView</a> to\r
 203 create an instance of <a href="output/Ext.grid.GridDragZone.html" ext:cls="Ext.grid.GridDragZone">Ext.grid.GridDragZone</a>. <b>Note</b>: this is available only <b>after</b>\r
 204 the Grid has been rendered as the GridView's <tt><a href="output/Ext.grid.GridView.html#Ext.grid.GridView-dragZone" ext:member="dragZone" ext:cls="Ext.grid.GridView">dragZone</a></tt>\r
 205 property.</p>\r
 206 <p>A cooperating <a href="output/Ext.dd.DropZone.html" ext:cls="Ext.dd.DropZone">DropZone</a> must be created who's implementations of\r
 207 <a href="output/Ext.dd.DropZone.html#Ext.dd.DropZone-onNodeEnter" ext:member="onNodeEnter" ext:cls="Ext.dd.DropZone">onNodeEnter</a>, <a href="output/Ext.dd.DropZone.html#Ext.dd.DropZone-onNodeOver" ext:member="onNodeOver" ext:cls="Ext.dd.DropZone">onNodeOver</a>,\r
 208 <a href="output/Ext.dd.DropZone.html#Ext.dd.DropZone-onNodeOut" ext:member="onNodeOut" ext:cls="Ext.dd.DropZone">onNodeOut</a> and <a href="output/Ext.dd.DropZone.html#Ext.dd.DropZone-onNodeDrop" ext:member="onNodeDrop" ext:cls="Ext.dd.DropZone">onNodeDrop</a> are able\r
 209 to process the <a href="output/Ext.grid.GridDragZone.html#Ext.grid.GridDragZone-getDragData" ext:member="getDragData" ext:cls="Ext.grid.GridDragZone">data</a> which is provided.</p></div></div></td><td class="msource"><a href="output/Ext.grid.GridPanel.html#enableDragDrop" ext:member="#enableDragDrop" ext:cls="Ext.grid.GridPanel">GridPanel</a></td></tr><tr class="config-row  inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.grid.GridPanel-enableHdMenu"></a><b><a href="source/GridPanel.html#cfg-Ext.grid.GridPanel-enableHdMenu">enableHdMenu</a></b> : Boolean<div class="mdesc">Defaults to <tt>true</tt> to enable the drop down button for menu in the headers.</div></td><td class="msource"><a href="output/Ext.grid.GridPanel.html#enableHdMenu" ext:member="#enableHdMenu" ext:cls="Ext.grid.GridPanel">GridPanel</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Panel-fbar"></a><b><a href="source/Panel.html#cfg-Ext.Panel-fbar">fbar</a></b> : Object/Array<div class="mdesc"><div class="short">A Toolbar object, a Toolbar config, or an array of\r
 210 Buttons/Button configs, describing a Toolbar to be rendered into t...</div><div class="long"><p>A <a href="output/Ext.Toolbar.html" ext:cls="Ext.Toolbar">Toolbar</a> object, a Toolbar config, or an array of
 211 <a href="output/Ext.Button.html" ext:cls="Ext.Button">Button</a>s/<a href="output/Ext.Button.html" ext:cls="Ext.Button">Button</a> configs, describing a <a href="output/Ext.Toolbar.html" ext:cls="Ext.Toolbar">Toolbar</a> to be rendered into this Panel's footer element.</p>
 212 <p>After render, the <code>fbar</code> property will be an <a href="output/Ext.Toolbar.html" ext:cls="Ext.Toolbar">Toolbar</a> instance.</p>
 213 <p>If <code><a href="output/Ext.Panel.html#Ext.Panel-buttons" ext:member="buttons" ext:cls="Ext.Panel">buttons</a></code> are specified, they will supersede the <code>fbar</code> configuration property.</p>
 214 The Panel's <code><a href="output/Ext.Panel.html#Ext.Panel-buttonAlign" ext:member="buttonAlign" ext:cls="Ext.Panel">buttonAlign</a></code> configuration affects the layout of these items, for example:
 215 <pre><code><b>var</b> w = <b>new</b> Ext.Window({
 216     height: 250,
 217     width: 500,
 218     bbar: <b>new</b> Ext.Toolbar({
 219         items: [{
 220             text: <em>'bbar Left'</em>
 221         },<em>'->'</em>,{
 222             text: <em>'bbar Right'</em>
 223         }]
 224     }),
 225     <a href="output/Ext.Panel.html#Ext.Panel-buttonAlign" ext:member="buttonAlign" ext:cls="Ext.Panel">buttonAlign</a>: <em>'left'</em>, <i>// anything but <em>'center'</em> or <em>'right'</em> and you can use <em>'-'</em>, and <em>'->'</em></i>
 226                                   <i>// to control the alignment of fbar items</i>
 227     fbar: [{
 228         text: <em>'fbar Left'</em>
 229     },<em>'->'</em>,{
 230         text: <em>'fbar Right'</em>
 231     }]
 232 }).show();</code></pre>
 233 <p><b>Note:</b> Although a Toolbar may contain Field components, these will <b>not</b> be updated by a load
 234 of an ancestor FormPanel. A Panel's toolbars are not part of the standard Container->Component hierarchy, and
 235 so are not scanned to collect form items. However, the values <b>will</b> be submitted because form
 236 submission parameters are collected from the DOM tree.</p></div></div></td><td class="msource"><a href="output/Ext.Panel.html#fbar" ext:member="#fbar" ext:cls="Ext.Panel">Panel</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Component-fieldLabel"></a><b><a href="source/Component.html#cfg-Ext.Component-fieldLabel">fieldLabel</a></b> : String<div class="mdesc"><div class="short">The label text to display next to this Component (defaults to '').\r
 237 Note: this config is only used when this Component...</div><div class="long"><p>The label text to display next to this Component (defaults to '').</p>
 238 <br><p><b>Note</b>: this config is only used when this Component is rendered by a Container which
 239 has been configured to use the <b><a href="output/Ext.layout.FormLayout.html" ext:cls="Ext.layout.FormLayout">FormLayout</a></b> layout manager (e.g.
 240 <a href="output/Ext.form.FormPanel.html" ext:cls="Ext.form.FormPanel">Ext.form.FormPanel</a> or specifying <tt>layout:'form'</tt>).</p><br>
 241 <p>Also see <tt><a href="output/Ext.Component.html#Ext.Component-hideLabel" ext:member="hideLabel" ext:cls="Ext.Component">hideLabel</a></tt> and
 242 <a href="output/Ext.layout.FormLayout.html" ext:cls="Ext.layout.FormLayout">Ext.layout.FormLayout</a>.<a href="output/Ext.layout.FormLayout.html#Ext.layout.FormLayout-fieldTpl" ext:member="fieldTpl" ext:cls="Ext.layout.FormLayout">fieldTpl</a>.</p>
 243 Example use:<pre><code><b>new</b> Ext.FormPanel({
 244     height: 100,
 245     renderTo: Ext.getBody(),
 246     items: [{
 247         xtype: <em>'textfield'</em>,
 248         fieldLabel: <em>'Name'</em>
 249     }]
 250 });</code></pre></div></div></td><td class="msource"><a href="output/Ext.Component.html#fieldLabel" ext:member="#fieldLabel" ext:cls="Ext.Component">Component</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Panel-floating"></a><b><a href="source/Panel.html#cfg-Ext.Panel-floating">floating</a></b> : Mixed<div class="mdesc"><div class="short">This property is used to configure the underlying Ext.Layer. Acceptable values for this\r
 251 configuration property are:&lt;d...</div><div class="long"><p>This property is used to configure the underlying <a href="output/Ext.Layer.html" ext:cls="Ext.Layer">Ext.Layer</a>. Acceptable values for this
 252 configuration property are:</p><div class="mdetail-params"><ul>
 253 <li><b><code>false</code></b> : <b>Default.</b><div class="sub-desc">Display the panel inline where it is
 254 rendered.</div></li>
 255 <li><b><code>true</code></b> : <div class="sub-desc">Float the panel (absolute position it with automatic
 256 shimming and shadow).<ul>
 257 <div class="sub-desc">Setting floating to true will create an Ext.Layer for this panel and display the
 258 panel at negative offsets so that it is hidden.</div>
 259 <div class="sub-desc">Since the panel will be absolute positioned, the position must be set explicitly
 260 <i>after</i> render (e.g., <code>myPanel.setPosition(100,100);</code>).</div>
 261 <div class="sub-desc"><b>Note</b>: when floating a panel you should always assign a fixed width,
 262 otherwise it will be auto width and will expand to fill to the right edge of the viewport.</div>
 263 </ul></div></li>
 264 <li><b><code><a href="output/Ext.Layer.html" ext:cls="Ext.Layer">object</a></code></b> : <div class="sub-desc">The specified object will be used
 265 as the configuration object for the <a href="output/Ext.Layer.html" ext:cls="Ext.Layer">Ext.Layer</a> that will be created.</div></li>
 266 </ul></div></div></div></td><td class="msource"><a href="output/Ext.Panel.html#floating" ext:member="#floating" ext:cls="Ext.Panel">Panel</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Panel-footer"></a><b><a href="source/Panel.html#cfg-Ext.Panel-footer">footer</a></b> : Boolean<div class="mdesc"><div class="short">true to create the footer element explicitly, false to skip creating it. The footer\r
 267 will be created automatically if ...</div><div class="long"><code>true</code> to create the footer element explicitly, false to skip creating it. The footer
 268 will be created automatically if <code><a href="output/Ext.Panel.html#Ext.Panel-buttons" ext:member="buttons" ext:cls="Ext.Panel">buttons</a></code> or a <code><a href="output/Ext.Panel.html#Ext.Panel-fbar" ext:member="fbar" ext:cls="Ext.Panel">fbar</a></code> have
 269 been configured.  See <code><a href="output/Ext.Panel.html#Ext.Panel-bodyCfg" ext:member="bodyCfg" ext:cls="Ext.Panel">bodyCfg</a></code> for an example.</div></div></td><td class="msource"><a href="output/Ext.Panel.html#footer" ext:member="#footer" ext:cls="Ext.Panel">Panel</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Panel-footerCfg"></a><b><a href="source/Panel.html#cfg-Ext.Panel-footerCfg">footerCfg</a></b> : Object<div class="mdesc"><div class="short">A DomHelper element specification object specifying the element structure\r
 270 of this Panel's footer Element.  See bodyCf...</div><div class="long"><p>A <a href="output/Ext.DomHelper.html" ext:cls="Ext.DomHelper">DomHelper</a> element specification object specifying the element structure
 271 of this Panel's <a href="output/Ext.Panel.html#Ext.Panel-footer" ext:member="footer" ext:cls="Ext.Panel">footer</a> Element.  See <code><a href="output/Ext.Panel.html#Ext.Panel-bodyCfg" ext:member="bodyCfg" ext:cls="Ext.Panel">bodyCfg</a></code> also.</p></div></div></td><td class="msource"><a href="output/Ext.Panel.html#footerCfg" ext:member="#footerCfg" ext:cls="Ext.Panel">Panel</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Container-forceLayout"></a><b><a href="source/Container.html#cfg-Ext.Container-forceLayout">forceLayout</a></b> : Boolean<div class="mdesc"><div class="short">If true the container will force a layout initially even if hidden or collapsed. This option&#13;\r
 272 is useful for forcing f...</div><div class="long">If true the container will force a layout initially even if hidden or collapsed. This option\r
 273 is useful for forcing forms to render in collapsed or hidden containers. (defaults to false).</div></div></td><td class="msource"><a href="output/Ext.Container.html#forceLayout" ext:member="#forceLayout" ext:cls="Ext.Container">Container</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Panel-frame"></a><b><a href="source/Panel.html#cfg-Ext.Panel-frame">frame</a></b> : Boolean<div class="mdesc"><div class="short">false by default to render with plain 1px square borders. true to render with\r
 274 9 elements, complete with custom rounde...</div><div class="long"><code>false</code> by default to render with plain 1px square borders. <code>true</code> to render with
 275 9 elements, complete with custom rounded corners (also see <a href="output/Ext.Element.html#Ext.Element-boxWrap" ext:member="boxWrap" ext:cls="Ext.Element">Ext.Element.boxWrap</a>).
 276 <p>The template generated for each condition is depicted below:</p><pre><code><i>// frame = false</i>
 277 &lt;div id=<em>"developer-specified-id-goes-here"</em> class=<em>"x-panel"</em>>
 278
 279     &lt;div class=<em>"x-panel-header"</em>>&lt;span class=<em>"x-panel-header-text"</em>>Title: (frame:false)&lt;/span>&lt;/div>
 280
 281     &lt;div class=<em>"x-panel-bwrap"</em>>
 282         &lt;div class=<em>"x-panel-body"</em>>&lt;p>html value goes here&lt;/p>&lt;/div>
 283     &lt;/div>
 284 &lt;/div>
 285
 286 <i>// frame = true (create 9 elements)</i>
 287 &lt;div id=<em>"developer-specified-id-goes-here"</em> class=<em>"x-panel"</em>>
 288     &lt;div class=<em>"x-panel-tl"</em>>&lt;div class=<em>"x-panel-tr"</em>>&lt;div class=<em>"x-panel-tc"</em>>
 289         &lt;div class=<em>"x-panel-header"</em>>&lt;span class=<em>"x-panel-header-text"</em>>Title: (frame:true)&lt;/span>&lt;/div>
 290     &lt;/div>&lt;/div>&lt;/div>
 291
 292     &lt;div class=<em>"x-panel-bwrap"</em>>
 293         &lt;div class=<em>"x-panel-ml"</em>>&lt;div class=<em>"x-panel-mr"</em>>&lt;div class=<em>"x-panel-mc"</em>>
 294             &lt;div class=<em>"x-panel-body"</em>>&lt;p>html value goes here&lt;/p>&lt;/div>
 295         &lt;/div>&lt;/div>&lt;/div>
 296
 297         &lt;div class=<em>"x-panel-bl"</em>>&lt;div class=<em>"x-panel-br"</em>>&lt;div class=<em>"x-panel-bc"</em>/>
 298         &lt;/div>&lt;/div>&lt;/div>
 299 &lt;/div></code></pre></div></div></td><td class="msource"><a href="output/Ext.Panel.html#frame" ext:member="#frame" ext:cls="Ext.Panel">Panel</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Panel-header"></a><b><a href="source/Panel.html#cfg-Ext.Panel-header">header</a></b> : Boolean<div class="mdesc"><div class="short">true to create the Panel's header element explicitly, false to skip creating\r
 300 it.  If a title is set the header will b...</div><div class="long"><code>true</code> to create the Panel's header element explicitly, <code>false</code> to skip creating
 301 it.  If a <code><a href="output/Ext.Panel.html#Ext.Panel-title" ext:member="title" ext:cls="Ext.Panel">title</a></code> is set the header will be created automatically, otherwise it will not.
 302 If a <code><a href="output/Ext.Panel.html#Ext.Panel-title" ext:member="title" ext:cls="Ext.Panel">title</a></code> is set but <code>header</code> is explicitly set to <code>false</code>, the header
 303 will not be rendered.</div></div></td><td class="msource"><a href="output/Ext.Panel.html#header" ext:member="#header" ext:cls="Ext.Panel">Panel</a></td></tr><tr class="config-row  inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Panel-headerAsText"></a><b><a href="source/Panel.html#cfg-Ext.Panel-headerAsText">headerAsText</a></b> : Boolean<div class="mdesc"><code>true</code> to display the panel <code><a href="output/Ext.Panel.html#Ext.Panel-title" ext:member="title" ext:cls="Ext.Panel">title</a></code> in the <code><a href="output/Ext.Panel.html#Ext.Panel-header" ext:member="header" ext:cls="Ext.Panel">header</a></code>,
 304 <code>false</code> to hide it (defaults to <code>true</code>).</div></td><td class="msource"><a href="output/Ext.Panel.html#headerAsText" ext:member="#headerAsText" ext:cls="Ext.Panel">Panel</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Panel-headerCfg"></a><b><a href="source/Panel.html#cfg-Ext.Panel-headerCfg">headerCfg</a></b> : Object<div class="mdesc"><div class="short">A DomHelper element specification object specifying the element structure\r
 305 of this Panel's header Element.  See bodyCf...</div><div class="long"><p>A <a href="output/Ext.DomHelper.html" ext:cls="Ext.DomHelper">DomHelper</a> element specification object specifying the element structure
 306 of this Panel's <a href="output/Ext.Panel.html#Ext.Panel-header" ext:member="header" ext:cls="Ext.Panel">header</a> Element.  See <code><a href="output/Ext.Panel.html#Ext.Panel-bodyCfg" ext:member="bodyCfg" ext:cls="Ext.Panel">bodyCfg</a></code> also.</p></div></div></td><td class="msource"><a href="output/Ext.Panel.html#headerCfg" ext:member="#headerCfg" ext:cls="Ext.Panel">Panel</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.BoxComponent-height"></a><b><a href="source/BoxComponent.html#cfg-Ext.BoxComponent-height">height</a></b> : Number<div class="mdesc"><div class="short">The height of this component in pixels (defaults to auto).\r
 307 Note to express this dimension as a percentage or offset s...</div><div class="long">The height of this component in pixels (defaults to auto).
 308 <b>Note</b> to express this dimension as a percentage or offset see <a href="output/Ext.Component.html#Ext.Component-anchor" ext:member="anchor" ext:cls="Ext.Component">Ext.Component.anchor</a>.</div></div></td><td class="msource"><a href="output/Ext.BoxComponent.html#height" ext:member="#height" ext:cls="Ext.BoxComponent">BoxComponent</a></td></tr><tr class="config-row  inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Component-hidden"></a><b><a href="source/Component.html#cfg-Ext.Component-hidden">hidden</a></b> : Boolean<div class="mdesc">Render this component hidden (default is false). If <tt>true</tt>, the
 309 <a href="output/Ext.Component.html#Ext.Component-hide" ext:member="hide" ext:cls="Ext.Component">hide</a> method will be called internally.</div></td><td class="msource"><a href="output/Ext.Component.html#hidden" ext:member="#hidden" ext:cls="Ext.Component">Component</a></td></tr><tr class="config-row  inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Panel-hideCollapseTool"></a><b><a href="source/Panel.html#cfg-Ext.Panel-hideCollapseTool">hideCollapseTool</a></b> : Boolean<div class="mdesc"><code>true</code> to hide the expand/collapse toggle button when <code><a href="output/Ext.Panel.html#Ext.Panel-collapsible" ext:member="collapsible" ext:cls="Ext.Panel">collapsible</a> == true</code>,
 310 <code>false</code> to display it (defaults to <code>false</code>).</div></td><td class="msource"><a href="output/Ext.Panel.html#hideCollapseTool" ext:member="#hideCollapseTool" ext:cls="Ext.Panel">Panel</a></td></tr><tr class="config-row  inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.grid.GridPanel-hideHeaders"></a><b><a href="source/GridPanel.html#cfg-Ext.grid.GridPanel-hideHeaders">hideHeaders</a></b> : Boolean<div class="mdesc">True to hide the grid's header. Defaults to <code>false</code>.</div></td><td class="msource"><a href="output/Ext.grid.GridPanel.html#hideHeaders" ext:member="#hideHeaders" ext:cls="Ext.grid.GridPanel">GridPanel</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Component-hideLabel"></a><b><a href="source/Component.html#cfg-Ext.Component-hideLabel">hideLabel</a></b> : Boolean<div class="mdesc"><div class="short">true to completely hide the label element\r
 311 (label and separator). Defaults to false.\r
 312 By default, even if you do not sp...</div><div class="long"><p><tt>true</tt> to completely hide the label element
 313 (<a href="output/Ext.Component.html#Ext.Component-fieldLabel" ext:member="fieldLabel" ext:cls="Ext.Component">label</a> and <a href="output/Ext.Component.html#Ext.Component-labelSeparator" ext:member="labelSeparator" ext:cls="Ext.Component">separator</a>). Defaults to <tt>false</tt>.
 314 By default, even if you do not specify a <tt><a href="output/Ext.Component.html#Ext.Component-fieldLabel" ext:member="fieldLabel" ext:cls="Ext.Component">fieldLabel</a></tt> the space will still be
 315 reserved so that the field will line up with other fields that do have labels.
 316 Setting this to <tt>true</tt> will cause the field to not reserve that space.</p>
 317 <br><p><b>Note</b>: see the note for <tt><a href="output/Ext.Component.html#Ext.Component-clearCls" ext:member="clearCls" ext:cls="Ext.Component">clearCls</a></tt>.</p><br>
 318 Example use:<pre><code><b>new</b> Ext.FormPanel({
 319     height: 100,
 320     renderTo: Ext.getBody(),
 321     items: [{
 322         xtype: <em>'textfield'</em>
 323         hideLabel: true
 324     }]
 325 });</code></pre></div></div></td><td class="msource"><a href="output/Ext.Component.html#hideLabel" ext:member="#hideLabel" ext:cls="Ext.Component">Component</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Component-hideMode"></a><b><a href="source/Component.html#cfg-Ext.Component-hideMode">hideMode</a></b> : String<div class="mdesc"><div class="short">How this component should be hidden. Supported values are 'visibility'\r
 326 (css visibility), 'offsets' (negative offset p...</div><div class="long"><p>How this component should be hidden. Supported values are <tt>'visibility'</tt>
 327 (css visibility), <tt>'offsets'</tt> (negative offset position) and <tt>'display'</tt>
 328 (css display).</p>
 329 <br><p><b>Note</b>: the default of <tt>'display'</tt> is generally preferred
 330 since items are automatically laid out when they are first shown (no sizing
 331 is done while hidden).</p></div></div></td><td class="msource"><a href="output/Ext.Component.html#hideMode" ext:member="#hideMode" ext:cls="Ext.Component">Component</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Component-hideParent"></a><b><a href="source/Component.html#cfg-Ext.Component-hideParent">hideParent</a></b> : Boolean<div class="mdesc"><div class="short">True to hide and show the component's container when hide/show is called on the component, false to hide\r
 332 and show the...</div><div class="long">True to hide and show the component's container when hide/show is called on the component, false to hide
 333 and show the component itself (defaults to false).  For example, this can be used as a shortcut for a hide
 334 button on a window by setting hide:true on the button when adding it to its parent container.</div></div></td><td class="msource"><a href="output/Ext.Component.html#hideParent" ext:member="#hideParent" ext:cls="Ext.Component">Component</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Panel-iconCls"></a><b><a href="source/Panel.html#cfg-Ext.Panel-iconCls">iconCls</a></b> : String<div class="mdesc"><div class="short">The CSS class selector that specifies a background image to be used as the header icon (defaults to '').\r
 335 An example o...</div><div class="long">The CSS class selector that specifies a background image to be used as the header icon (defaults to '').
 336 <p>An example of specifying a custom icon class would be something like:
 337 </p><pre><code><i>// specify the property <b>in</b> the config <b>for</b> the class:</i>
 338      ...
 339      iconCls: <em>'my-icon'</em>
 340
 341 <i>// css class that specifies background image to be used as the icon image:</i>
 342 .my-icon { background-image: url(../images/my-icon.gif) 0 6px no-repeat !important; }</code></pre></div></div></td><td class="msource"><a href="output/Ext.Panel.html#iconCls" ext:member="#iconCls" ext:cls="Ext.Panel">Panel</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Component-id"></a><b><a href="source/Component.html#cfg-Ext.Component-id">id</a></b> : String<div class="mdesc"><div class="short">The unique id of this component (defaults to an auto-assigned id).\r
 343 You should assign an id if you need to be able to ...</div><div class="long"><p>The <b>unique</b> id of this component (defaults to an <a href="output/Ext.Component.html#Ext.Component-getId" ext:member="getId" ext:cls="Ext.Component">auto-assigned id</a>).
 344 You should assign an id if you need to be able to access the component later and you do
 345 not have an object reference available (e.g., using <a href="output/Ext.html" ext:cls="Ext">Ext</a>.<a href="output/Ext.html#Ext-getCmp" ext:member="getCmp" ext:cls="Ext">getCmp</a>).</p>
 346 <p>Note that this id will also be used as the element id for the containing HTML element
 347 that is rendered to the page for this component. This allows you to write id-based CSS
 348 rules to style the specific instance of this component uniquely, and also to select
 349 sub-elements using this component's id as the parent.</p>
 350 <p><b>Note</b>: to avoid complications imposed by a unique <tt>id</tt> also see
 351 <code><a href="output/Ext.Component.html#Ext.Component-itemId" ext:member="itemId" ext:cls="Ext.Component">itemId</a></code> and <code><a href="output/Ext.Component.html#Ext.Component-ref" ext:member="ref" ext:cls="Ext.Component">ref</a></code>.</p>
 352 <p><b>Note</b>: to access the container of an item see <code><a href="output/Ext.Component.html#Ext.Component-ownerCt" ext:member="ownerCt" ext:cls="Ext.Component">ownerCt</a></code>.</p></div></div></td><td class="msource"><a href="output/Ext.Component.html#id" ext:member="#id" ext:cls="Ext.Component">Component</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Component-itemCls"></a><b><a href="source/Component.html#cfg-Ext.Component-itemCls">itemCls</a></b> : String<div class="mdesc"><div class="short">Note: this config is only used when this Component is rendered by a Container which\r
 353 has 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
 354 has been configured to use the <b><a href="output/Ext.layout.FormLayout.html" ext:cls="Ext.layout.FormLayout">FormLayout</a></b> layout manager (e.g.
 355 <a href="output/Ext.form.FormPanel.html" ext:cls="Ext.form.FormPanel">Ext.form.FormPanel</a> or specifying <tt>layout:'form'</tt>).</p><br>
 356 <p>An additional CSS class to apply to the div wrapping the form item
 357 element of this field.  If supplied, <tt>itemCls</tt> at the <b>field</b> level will override
 358 the default <tt>itemCls</tt> supplied at the <b>container</b> level. The value specified for
 359 <tt>itemCls</tt> will be added to the default class (<tt>'x-form-item'</tt>).</p>
 360 <p>Since it is applied to the item wrapper (see
 361 <a href="output/Ext.layout.FormLayout.html" ext:cls="Ext.layout.FormLayout">Ext.layout.FormLayout</a>.<a href="output/Ext.layout.FormLayout.html#Ext.layout.FormLayout-fieldTpl" ext:member="fieldTpl" ext:cls="Ext.layout.FormLayout">fieldTpl</a>), it allows
 362 you to write standard CSS rules that can apply to the field, the label (if specified), or
 363 any other element within the markup for the field.</p>
 364 <br><p><b>Note</b>: see the note for <tt><a href="output/Ext.Component.html#Ext.Component-fieldLabel" ext:member="fieldLabel" ext:cls="Ext.Component">fieldLabel</a></tt>.</p><br>
 365 Example use:<pre><code><i>// Apply a style to the field&#39;s <b>label</b>:</i>
 366 &lt;style>
 367     .required .x-form-item-<b>label</b> {font-weight:bold;color:red;}
 368 &lt;/style>
 369
 370 <b>new</b> Ext.FormPanel({
 371     height: 100,
 372     renderTo: Ext.getBody(),
 373     items: [{
 374         xtype: <em>'textfield'</em>,
 375         fieldLabel: <em>'Name'</em>,
 376         itemCls: <em>'required'</em> <i>//this <b>label</b> will be styled</i>
 377     },{
 378         xtype: <em>'textfield'</em>,
 379         fieldLabel: <em>'Favorite Color'</em>
 380     }]
 381 });</code></pre></div></div></td><td class="msource"><a href="output/Ext.Component.html#itemCls" ext:member="#itemCls" ext:cls="Ext.Component">Component</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Component-itemId"></a><b><a href="source/Component.html#cfg-Ext.Component-itemId">itemId</a></b> : String<div class="mdesc"><div class="short">An itemId can be used as an alternative way to get a reference to a component\r
 382 when 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
 383 when no object reference is available.  Instead of using an <code><a href="output/Ext.Component.html#Ext.Component-id" ext:member="id" ext:cls="Ext.Component">id</a></code> with
 384 <a href="output/Ext.html" ext:cls="Ext">Ext</a>.<a href="output/Ext.html#Ext-getCmp" ext:member="getCmp" ext:cls="Ext">getCmp</a>, use <code>itemId</code> with
 385 <a href="output/Ext.Container.html" ext:cls="Ext.Container">Ext.Container</a>.<a href="output/Ext.Container.html#Ext.Container-getComponent" ext:member="getComponent" ext:cls="Ext.Container">getComponent</a> which will retrieve
 386 <code>itemId</code>'s or <tt><a href="output/Ext.Component.html#Ext.Component-id" ext:member="id" ext:cls="Ext.Component">id</a></tt>'s. Since <code>itemId</code>'s are an index to the
 387 container's internal MixedCollection, the <code>itemId</code> is scoped locally to the container --
 388 avoiding potential conflicts with <a href="output/Ext.ComponentMgr.html" ext:cls="Ext.ComponentMgr">Ext.ComponentMgr</a> which requires a <b>unique</b>
 389 <code><a href="output/Ext.Component.html#Ext.Component-id" ext:member="id" ext:cls="Ext.Component">id</a></code>.</p>
 390 <pre><code><b>var</b> c = <b>new</b> Ext.Panel({ <i>//</i>
 391     <a href="output/Ext.BoxComponent.html#Ext.BoxComponent-height" ext:member="height" ext:cls="Ext.BoxComponent">height</a>: 300,
 392     <a href="output/Ext.Component.html#Ext.Component-renderTo" ext:member="renderTo" ext:cls="Ext.Component">renderTo</a>: document.body,
 393     <a href="output/Ext.Container.html#Ext.Container-layout" ext:member="layout" ext:cls="Ext.Container">layout</a>: <em>'auto'</em>,
 394     <a href="output/Ext.Container.html#Ext.Container-items" ext:member="items" ext:cls="Ext.Container">items</a>: [
 395         {
 396             itemId: <em>'p1'</em>,
 397             <a href="output/Ext.Panel.html#Ext.Panel-title" ext:member="title" ext:cls="Ext.Panel">title</a>: <em>'Panel 1'</em>,
 398             <a href="output/Ext.BoxComponent.html#Ext.BoxComponent-height" ext:member="height" ext:cls="Ext.BoxComponent">height</a>: 150
 399         },
 400         {
 401             itemId: <em>'p2'</em>,
 402             <a href="output/Ext.Panel.html#Ext.Panel-title" ext:member="title" ext:cls="Ext.Panel">title</a>: <em>'Panel 2'</em>,
 403             <a href="output/Ext.BoxComponent.html#Ext.BoxComponent-height" ext:member="height" ext:cls="Ext.BoxComponent">height</a>: 150
 404         }
 405     ]
 406 })
 407 p1 = c.<a href="output/Ext.Container.html#Ext.Container-getComponent" ext:member="getComponent" ext:cls="Ext.Container">getComponent</a>(<em>'p1'</em>); <i>// not the same as <a href="output/Ext.html#Ext-getCmp" ext:member="getCmp" ext:cls="Ext">Ext.getCmp()</a></i>
 408 p2 = p1.<a href="output/Ext.Component.html#Ext.Component-ownerCt" ext:member="ownerCt" ext:cls="Ext.Component">ownerCt</a>.<a href="output/Ext.Container.html#Ext.Container-getComponent" ext:member="getComponent" ext:cls="Ext.Container">getComponent</a>(<em>'p2'</em>); <i>// reference via a sibling</i></code></pre>
 409 <p>Also see <tt><a href="output/Ext.Component.html#Ext.Component-id" ext:member="id" ext:cls="Ext.Component">id</a></tt> and <code><a href="output/Ext.Component.html#Ext.Component-ref" ext:member="ref" ext:cls="Ext.Component">ref</a></code>.</p>
 410 <p><b>Note</b>: to access the container of an item see <tt><a href="output/Ext.Component.html#Ext.Component-ownerCt" ext:member="ownerCt" ext:cls="Ext.Component">ownerCt</a></tt>.</p></div></div></td><td class="msource"><a href="output/Ext.Component.html#itemId" ext:member="#itemId" ext:cls="Ext.Component">Component</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Panel-keys"></a><b><a href="source/Panel.html#cfg-Ext.Panel-keys">keys</a></b> : Object/Array<div class="mdesc"><div class="short">A Ext.KeyMap config object (in the format expected by Ext.KeyMap.addBinding\r
 411 used to assign custom key handling to thi...</div><div class="long">A <a href="output/Ext.KeyMap.html" ext:cls="Ext.KeyMap">Ext.KeyMap</a> config object (in the format expected by <a href="output/Ext.KeyMap.html#Ext.KeyMap-addBinding" ext:member="addBinding" ext:cls="Ext.KeyMap">Ext.KeyMap.addBinding</a>
 412 used to assign custom key handling to this panel (defaults to <code>null</code>).</div></div></td><td class="msource"><a href="output/Ext.Panel.html#keys" ext:member="#keys" ext:cls="Ext.Panel">Panel</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Component-labelSeparator"></a><b><a href="source/Component.html#cfg-Ext.Component-labelSeparator">labelSeparator</a></b> : String<div class="mdesc"><div class="short">The separator to display after the text of each\r
 413 fieldLabel.  This property may be configured at various levels.\r
 414 The o...</div><div class="long"><p>The separator to display after the text of each
 415 <tt><a href="output/Ext.Component.html#Ext.Component-fieldLabel" ext:member="fieldLabel" ext:cls="Ext.Component">fieldLabel</a></tt>.  This property may be configured at various levels.
 416 The order of precedence is:
 417 <div class="mdetail-params"><ul>
 418 <li>field / component level</li>
 419 <li>container level</li>
 420 <li><a href="output/Ext.layout.FormLayout.html#Ext.layout.FormLayout-labelSeparator" ext:member="labelSeparator" ext:cls="Ext.layout.FormLayout">layout level</a> (defaults to colon <tt>':'</tt>)</li>
 421 </ul></div>
 422 To display no separator for this field's label specify empty string ''.</p>
 423 <br><p><b>Note</b>: see the note for <tt><a href="output/Ext.Component.html#Ext.Component-clearCls" ext:member="clearCls" ext:cls="Ext.Component">clearCls</a></tt>.</p><br>
 424 <p>Also see <tt><a href="output/Ext.Component.html#Ext.Component-hideLabel" ext:member="hideLabel" ext:cls="Ext.Component">hideLabel</a></tt> and
 425 <a href="output/Ext.layout.FormLayout.html" ext:cls="Ext.layout.FormLayout">Ext.layout.FormLayout</a>.<a href="output/Ext.layout.FormLayout.html#Ext.layout.FormLayout-fieldTpl" ext:member="fieldTpl" ext:cls="Ext.layout.FormLayout">fieldTpl</a>.</p>
 426 Example use:<pre><code><b>new</b> Ext.FormPanel({
 427     height: 100,
 428     renderTo: Ext.getBody(),
 429     layoutConfig: {
 430         labelSeparator: <em>'~'</em>   <i>// layout config has lowest priority (defaults to <em>':'</em>)</i>
 431     },
 432     <a href="output/Ext.layout.FormLayout.html#Ext.layout.FormLayout-labelSeparator" ext:member="labelSeparator" ext:cls="Ext.layout.FormLayout">labelSeparator</a>: <em>'>>'</em>,     <i>// config at container level</i>
 433     items: [{
 434         xtype: <em>'textfield'</em>,
 435         fieldLabel: <em>'Field 1'</em>,
 436         labelSeparator: <em>'...'</em> <i>// field/component level config supersedes others</i>
 437     },{
 438         xtype: <em>'textfield'</em>,
 439         fieldLabel: <em>'Field 2'</em> <i>// labelSeparator will be <em>'='</em></i>
 440     }]
 441 });</code></pre></div></div></td><td class="msource"><a href="output/Ext.Component.html#labelSeparator" ext:member="#labelSeparator" ext:cls="Ext.Component">Component</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Component-labelStyle"></a><b><a href="source/Component.html#cfg-Ext.Component-labelStyle">labelStyle</a></b> : String<div class="mdesc"><div class="short">A CSS style specification string to apply directly to this field's\r
 442 label.  Defaults to the container's labelStyle val...</div><div class="long"><p>A CSS style specification string to apply directly to this field's
 443 label.  Defaults to the container's labelStyle value if set (e.g.,
 444 <tt><a href="output/Ext.layout.FormLayout.html#Ext.layout.FormLayout-labelStyle" ext:member="labelStyle" ext:cls="Ext.layout.FormLayout">Ext.layout.FormLayout.labelStyle</a></tt> , or '').</p>
 445 <br><p><b>Note</b>: see the note for <code><a href="output/Ext.Component.html#Ext.Component-clearCls" ext:member="clearCls" ext:cls="Ext.Component">clearCls</a></code>.</p><br>
 446 <p>Also see <code><a href="output/Ext.Component.html#Ext.Component-hideLabel" ext:member="hideLabel" ext:cls="Ext.Component">hideLabel</a></code> and
 447 <code><a href="output/Ext.layout.FormLayout.html" ext:cls="Ext.layout.FormLayout">Ext.layout.FormLayout</a>.<a href="output/Ext.layout.FormLayout.html#Ext.layout.FormLayout-fieldTpl" ext:member="fieldTpl" ext:cls="Ext.layout.FormLayout">fieldTpl</a>.</code></p>
 448 Example use:<pre><code><b>new</b> Ext.FormPanel({
 449     height: 100,
 450     renderTo: Ext.getBody(),
 451     items: [{
 452         xtype: <em>'textfield'</em>,
 453         fieldLabel: <em>'Name'</em>,
 454         labelStyle: <em>'font-weight:bold;'</em>
 455     }]
 456 });</code></pre></div></div></td><td class="msource"><a href="output/Ext.Component.html#labelStyle" ext:member="#labelStyle" ext:cls="Ext.Component">Component</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.util.Observable-listeners"></a><b><a href="source/Observable.html#cfg-Ext.util.Observable-listeners">listeners</a></b> : Object<div class="mdesc"><div class="short">A config object containing one or more event handlers to be added to this\r
 457 object during initialization.  This should ...</div><div class="long"><p>A config object containing one or more event handlers to be added to this
 458 object during initialization.  This should be a valid listeners config object as specified in the
 459 <a href="output/Ext.util.Observable.html#Ext.util.Observable-addListener" ext:member="addListener" ext:cls="Ext.util.Observable">addListener</a> example for attaching multiple handlers at once.</p>
 460 <br><p><b><u>DOM events from ExtJs <a href="output/Ext.Component.html" ext:cls="Ext.Component">Components</a></u></b></p>
 461 <br><p>While <i>some</i> ExtJs Component classes export selected DOM events (e.g. "click", "mouseover" etc), this
 462 is usually only done when extra value can be added. For example the <a href="output/Ext.DataView.html" ext:cls="Ext.DataView">DataView</a>'s
 463 <b><code><a href="output/Ext.DataView.html#Ext.DataView-click" ext:member="click" ext:cls="Ext.DataView">click</a></code></b> event passing the node clicked on. To access DOM
 464 events directly from a Component's HTMLElement, listeners must be added to the <i><a href="output/Ext.Component.html#Ext.Component-getEl" ext:member="getEl" ext:cls="Ext.Component">Element</a></i> after the Component
 465 has been rendered. A plugin can simplify this step:<pre><code><i>// Plugin is configured <b>with</b> a listeners config object.</i>
 466 <i>// The Component is appended to the argument list of all handler functions.</i>
 467 Ext.DomObserver = Ext.extend(Object, {
 468     constructor: <b>function</b>(config) {
 469         this.listeners = config.listeners ? config.listeners : config;
 470     },
 471
 472     <i>// Component passes itself into plugin&#39;s init method</i>
 473     init: <b>function</b>(c) {
 474         <b>var</b> p, l = this.listeners;
 475         <b>for</b> (p <b>in</b> l) {
 476             <b>if</b> (Ext.isFunction(l[p])) {
 477                 l[p] = this.createHandler(l[p], c);
 478             } <b>else</b> {
 479                 l[p].fn = this.createHandler(l[p].fn, c);
 480             }
 481         }
 482
 483         <i>// Add the listeners to the Element immediately following the render call</i>
 484         c.render = c.render.<a href="output/Function.html#Function-createSequence" ext:member="createSequence" ext:cls="Function">createSequence</a>(<b>function</b>() {
 485             <b>var</b> e = c.getEl();
 486             <b>if</b> (e) {
 487                 e.on(l);
 488             }
 489         });
 490     },
 491
 492     createHandler: <b>function</b>(fn, c) {
 493         <b>return</b> <b>function</b>(e) {
 494             fn.call(this, e, c);
 495         };
 496     }
 497 });
 498
 499 <b>var</b> combo = <b>new</b> Ext.form.ComboBox({
 500
 501     <i>// Collapse combo when its element is clicked on</i>
 502     plugins: [ <b>new</b> Ext.DomObserver({
 503         click: <b>function</b>(evt, comp) {
 504             comp.collapse();
 505         }
 506     })],
 507     store: myStore,
 508     typeAhead: true,
 509     mode: <em>'local'</em>,
 510     triggerAction: <em>'all'</em>
 511 });</code></pre></p></div></div></td><td class="msource"><a href="output/Ext.util.Observable.html#listeners" ext:member="#listeners" ext:cls="Ext.util.Observable">Observable</a></td></tr><tr class="config-row  inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.grid.GridPanel-loadMask"></a><b><a href="source/GridPanel.html#cfg-Ext.grid.GridPanel-loadMask">loadMask</a></b> : Object<div class="mdesc">An <a href="output/Ext.LoadMask.html" ext:cls="Ext.LoadMask">Ext.LoadMask</a> config or true to mask the grid while\r
 512 loading. Defaults to <code>false</code>.</div></td><td class="msource"><a href="output/Ext.grid.GridPanel.html#loadMask" ext:member="#loadMask" ext:cls="Ext.grid.GridPanel">GridPanel</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.BoxComponent-margins"></a><b><a href="source/BoxComponent.html#cfg-Ext.BoxComponent-margins">margins</a></b> : Object<div class="mdesc"><div class="short">Note: this config is only used when this BoxComponent is rendered\r
 513 by 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
 514 by a Container which has been configured to use the <b><a href="output/Ext.layout.BorderLayout.html" ext:cls="Ext.layout.BorderLayout">BorderLayout</a></b>
 515 or one of the two <b><a href="output/Ext.layout.BoxLayout.html" ext:cls="Ext.layout.BoxLayout">BoxLayout</a> subclasses.</b></p>
 516 <p>An object containing margins to apply to this BoxComponent in the
 517 format:</p><pre><code>{
 518     top: (top margin),
 519     right: (right margin),
 520     bottom: (bottom margin),
 521     left: (left margin)
 522 }</code></pre>
 523 <p>May also be a string containing space-separated, numeric margin values. The order of the
 524 sides associated with each value matches the way CSS processes margin values:</p>
 525 <p><div class="mdetail-params"><ul>
 526 <li>If there is only one value, it applies to all sides.</li>
 527 <li>If there are two values, the top and bottom borders are set to the first value and the
 528 right and left are set to the second.</li>
 529 <li>If there are three values, the top is set to the first value, the left and right are set
 530 to the second, and the bottom is set to the third.</li>
 531 <li>If there are four values, they apply to the top, right, bottom, and left, respectively.</li>
 532 </ul></div></p>
 533 <p>Defaults to:</p><pre><code>{top:0, right:0, bottom:0, left:0}</code></pre></div></div></td><td class="msource"><a href="output/Ext.BoxComponent.html#margins" ext:member="#margins" ext:cls="Ext.BoxComponent">BoxComponent</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Panel-maskDisabled"></a><b><a href="source/Panel.html#cfg-Ext.Panel-maskDisabled">maskDisabled</a></b> : Boolean<div class="mdesc"><div class="short">true to mask the panel when it is disabled, false to not mask it (defaults\r
 534 to true).  Either way, the panel will alwa...</div><div class="long"><code>true</code> to mask the panel when it is <a href="output/Ext.Panel.html#Ext.Panel-disabled" ext:member="disabled" ext:cls="Ext.Panel">disabled</a>, <code>false</code> to not mask it (defaults
 535 to <code>true</code>).  Either way, the panel will always tell its contained elements to disable themselves
 536 when it is disabled, but masking the panel can provide an additional visual cue that the panel is
 537 disabled.</div></div></td><td class="msource"><a href="output/Ext.Panel.html#maskDisabled" ext:member="#maskDisabled" ext:cls="Ext.Panel">Panel</a></td></tr><tr class="config-row  inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.grid.GridPanel-maxHeight"></a><b><a href="source/GridPanel.html#cfg-Ext.grid.GridPanel-maxHeight">maxHeight</a></b> : Number<div class="mdesc">Sets the maximum height of the grid - ignored if <tt>autoHeight</tt> is not on.</div></td><td class="msource"><a href="output/Ext.grid.GridPanel.html#maxHeight" ext:member="#maxHeight" ext:cls="Ext.grid.GridPanel">GridPanel</a></td></tr><tr class="config-row  inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Panel-minButtonWidth"></a><b><a href="source/Panel.html#cfg-Ext.Panel-minButtonWidth">minButtonWidth</a></b> : Number<div class="mdesc">Minimum width in pixels of all <a href="output/Ext.Panel.html#Ext.Panel-buttons" ext:member="buttons" ext:cls="Ext.Panel">buttons</a> in this panel (defaults to <code>75</code>)</div></td><td class="msource"><a href="output/Ext.Panel.html#minButtonWidth" ext:member="#minButtonWidth" ext:cls="Ext.Panel">Panel</a></td></tr><tr class="config-row  inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.grid.GridPanel-minColumnWidth"></a><b><a href="source/GridPanel.html#cfg-Ext.grid.GridPanel-minColumnWidth">minColumnWidth</a></b> : Number<div class="mdesc">The minimum width a column can be resized to. Defaults to <tt>25</tt>.</div></td><td class="msource"><a href="output/Ext.grid.GridPanel.html#minColumnWidth" ext:member="#minColumnWidth" ext:cls="Ext.grid.GridPanel">GridPanel</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Component-overCls"></a><b><a href="source/Component.html#cfg-Ext.Component-overCls">overCls</a></b> : String<div class="mdesc"><div class="short">An optional extra CSS class that will be added to this component's Element when the mouse moves\r
 538 over the Element, and...</div><div class="long">An optional extra CSS class that will be added to this component's Element when the mouse moves
 539 over the Element, and removed when the mouse moves out. (defaults to '').  This can be
 540 useful for adding customized 'active' or 'hover' styles to the component or any of its children using standard CSS rules.</div></div></td><td class="msource"><a href="output/Ext.Component.html#overCls" ext:member="#overCls" ext:cls="Ext.Component">Component</a></td></tr><tr class="config-row  inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.BoxComponent-pageX"></a><b><a href="source/BoxComponent.html#cfg-Ext.BoxComponent-pageX">pageX</a></b> : Number<div class="mdesc">The page level x coordinate for this component if contained within a positioning container.</div></td><td class="msource"><a href="output/Ext.BoxComponent.html#pageX" ext:member="#pageX" ext:cls="Ext.BoxComponent">BoxComponent</a></td></tr><tr class="config-row  inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.BoxComponent-pageY"></a><b><a href="source/BoxComponent.html#cfg-Ext.BoxComponent-pageY">pageY</a></b> : Number<div class="mdesc">The page level y coordinate for this component if contained within a positioning container.</div></td><td class="msource"><a href="output/Ext.BoxComponent.html#pageY" ext:member="#pageY" ext:cls="Ext.BoxComponent">BoxComponent</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Component-plugins"></a><b><a href="source/Component.html#cfg-Ext.Component-plugins">plugins</a></b> : Object/Array<div class="mdesc"><div class="short">An object or array of objects that will provide custom functionality for this component.  The only\r
 541 requirement for a ...</div><div class="long">An object or array of objects that will provide custom functionality for this component.  The only
 542 requirement for a valid plugin is that it contain an init method that accepts a reference of type Ext.Component.
 543 When a component is created, if any plugins are available, the component will call the init method on each
 544 plugin, passing a reference to itself.  Each plugin can then call methods or respond to events on the
 545 component as needed to provide its functionality.</div></div></td><td class="msource"><a href="output/Ext.Component.html#plugins" ext:member="#plugins" ext:cls="Ext.Component">Component</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Component-ptype"></a><b><a href="source/Component.html#cfg-Ext.Component-ptype">ptype</a></b> : String<div class="mdesc"><div class="short">The registered ptype to create. This config option is not used when passing\r
 546 a config object into a constructor. This ...</div><div class="long">The registered <tt>ptype</tt> to create. This config option is not used when passing
 547 a config object into a constructor. This config option is used only when
 548 lazy instantiation is being used, and a Plugin is being
 549 specified not as a fully instantiated Component, but as a <i>Component config
 550 object</i>. The <tt>ptype</tt> will be looked up at render time up to determine what
 551 type of Plugin to create.<br><br>
 552 If you create your own Plugins, you may register them using
 553 <a href="output/Ext.ComponentMgr.html#Ext.ComponentMgr-registerPlugin" ext:member="registerPlugin" ext:cls="Ext.ComponentMgr">Ext.ComponentMgr.registerPlugin</a> in order to be able to
 554 take advantage of lazy instantiation and rendering.</div></div></td><td class="msource"><a href="output/Ext.Component.html#ptype" ext:member="#ptype" ext:cls="Ext.Component">Component</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Component-ref"></a><b><a href="source/Component.html#cfg-Ext.Component-ref">ref</a></b> : String<div class="mdesc"><div class="short">A path specification, relative to the Component's ownerCt specifying into which\r
 555 ancestor Container to place a named r...</div><div class="long"><p>A path specification, relative to the Component's <a href="output/Ext.Component.html#Ext.Component-ownerCt" ext:member="ownerCt" ext:cls="Ext.Component">ownerCt</a> specifying into which
 556 ancestor Container to place a named reference to this Component.</p>
 557 <p>The ancestor axis can be traversed by using '/' characters in the path.
 558 For example, to put a reference to a Toolbar Button into <i>the Panel which owns the Toolbar</i>:</p><pre><code><b>var</b> myGrid = <b>new</b> Ext.grid.EditorGridPanel({
 559     title: <em>'My EditorGridPanel'</em>,
 560     store: myStore,
 561     colModel: myColModel,
 562     tbar: [{
 563         text: <em>'Save'</em>,
 564         handler: saveChanges,
 565         disabled: true,
 566         ref: <em>'../saveButton'</em>
 567     }],
 568     listeners: {
 569         afteredit: <b>function</b>() {
 570 <i>//          The button reference is <b>in</b> the GridPanel</i>
 571             myGrid.saveButton.enable();
 572         }
 573     }
 574 });</code></pre>
 575 <p>In the code above, if the ref had been <code><em>'saveButton'</em></code> the reference would
 576 have been placed into the Toolbar. Each '/' in the ref moves up one level from the
 577 Component's <a href="output/Ext.Component.html#Ext.Component-ownerCt" ext:member="ownerCt" ext:cls="Ext.Component">ownerCt</a>.</p></div></div></td><td class="msource"><a href="output/Ext.Component.html#ref" ext:member="#ref" ext:cls="Ext.Component">Component</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.BoxComponent-region"></a><b><a href="source/BoxComponent.html#cfg-Ext.BoxComponent-region">region</a></b> : String<div class="mdesc"><div class="short">Note: this config is only used when this BoxComponent is rendered\r
 578 by 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
 579 by a Container which has been configured to use the <b><a href="output/Ext.layout.BorderLayout.html" ext:cls="Ext.layout.BorderLayout">BorderLayout</a></b>
 580 layout manager (e.g. specifying <tt>layout:'border'</tt>).</p><br>
 581 <p>See <a href="output/Ext.layout.BorderLayout.html" ext:cls="Ext.layout.BorderLayout">Ext.layout.BorderLayout</a> also.</p></div></div></td><td class="msource"><a href="output/Ext.BoxComponent.html#region" ext:member="#region" ext:cls="Ext.BoxComponent">BoxComponent</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Component-renderTo"></a><b><a href="source/Component.html#cfg-Ext.Component-renderTo">renderTo</a></b> : Mixed<div class="mdesc"><div class="short">Specify the id of the element, a DOM element or an existing Element that this component\r
 582 will be rendered into.\r
 583 Notes ...</div><div class="long"><p>Specify the id of the element, a DOM element or an existing Element that this component
 584 will be rendered into.</p><div><ul>
 585 <li><b>Notes</b> : <ul>
 586 <div class="sub-desc">Do <u>not</u> use this option if the Component is to be a child item of
 587 a <a href="output/Ext.Container.html" ext:cls="Ext.Container">Container</a>. It is the responsibility of the
 588 <a href="output/Ext.Container.html" ext:cls="Ext.Container">Container</a>'s <a href="output/Ext.Container.html#Ext.Container-layout" ext:member="layout" ext:cls="Ext.Container">layout manager</a>
 589 to render and manage its child items.</div>
 590 <div class="sub-desc">When using this config, a call to render() is not required.</div>
 591 </ul></li>
 592 </ul></div>
 593 <p>See <tt><a href="output/Ext.Component.html#Ext.Component-render" ext:member="render" ext:cls="Ext.Component">render</a></tt> also.</p></div></div></td><td class="msource"><a href="output/Ext.Component.html#renderTo" ext:member="#renderTo" ext:cls="Ext.Component">Component</a></td></tr><tr class="config-row  inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Panel-resizeEvent"></a><b><a href="source/Panel.html#cfg-Ext.Panel-resizeEvent">resizeEvent</a></b> : String<div class="mdesc">The event to listen to for resizing in layouts. Defaults to <tt>'bodyresize'</tt>.</div></td><td class="msource"><a href="output/Ext.Panel.html#resizeEvent" ext:member="#resizeEvent" ext:cls="Ext.Panel">Panel</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.grid.GridPanel-selModel"></a><b><a href="source/GridPanel.html#cfg-Ext.grid.GridPanel-selModel">selModel</a></b> : Object<div class="mdesc"><div class="short">Any subclass of Ext.grid.AbstractSelectionModel that will provide&#13;\r
 594 the selection model for the grid (defaults to Ext....</div><div class="long">Any subclass of <a href="output/Ext.grid.AbstractSelectionModel.html" ext:cls="Ext.grid.AbstractSelectionModel">Ext.grid.AbstractSelectionModel</a> that will provide\r
 595 the selection model for the grid (defaults to <a href="output/Ext.grid.RowSelectionModel.html" ext:cls="Ext.grid.RowSelectionModel">Ext.grid.RowSelectionModel</a> if not specified).</div></div></td><td class="msource"><a href="output/Ext.grid.GridPanel.html#selModel" ext:member="#selModel" ext:cls="Ext.grid.GridPanel">GridPanel</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Panel-shadow"></a><b><a href="source/Panel.html#cfg-Ext.Panel-shadow">shadow</a></b> : Boolean/String<div class="mdesc"><div class="short">true (or a valid Ext.Shadow Ext.Shadow.mode value) to display a shadow behind the\r
 596 panel, false to display no shadow (...</div><div class="long"><code>true</code> (or a valid Ext.Shadow <a href="output/Ext.Shadow.html#Ext.Shadow-mode" ext:member="mode" ext:cls="Ext.Shadow">Ext.Shadow.mode</a> value) to display a shadow behind the
 597 panel, <code>false</code> to display no shadow (defaults to <code><em>'sides'</em></code>).  Note that this option
 598 only applies when <code><a href="output/Ext.Panel.html#Ext.Panel-floating" ext:member="floating" ext:cls="Ext.Panel">floating</a> = true</code>.</div></div></td><td class="msource"><a href="output/Ext.Panel.html#shadow" ext:member="#shadow" ext:cls="Ext.Panel">Panel</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Panel-shadowOffset"></a><b><a href="source/Panel.html#cfg-Ext.Panel-shadowOffset">shadowOffset</a></b> : Number<div class="mdesc"><div class="short">The number of pixels to offset the shadow if displayed (defaults to 4). Note that this\r
 599 option only applies when float...</div><div class="long">The number of pixels to offset the shadow if displayed (defaults to <code>4</code>). Note that this
 600 option only applies when <code><a href="output/Ext.Panel.html#Ext.Panel-floating" ext:member="floating" ext:cls="Ext.Panel">floating</a> = true</code>.</div></div></td><td class="msource"><a href="output/Ext.Panel.html#shadowOffset" ext:member="#shadowOffset" ext:cls="Ext.Panel">Panel</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Panel-shim"></a><b><a href="source/Panel.html#cfg-Ext.Panel-shim">shim</a></b> : Boolean<div class="mdesc"><div class="short">false to disable the iframe shim in browsers which need one (defaults to true).\r
 601 Note that this option only applies wh...</div><div class="long"><code>false</code> to disable the iframe shim in browsers which need one (defaults to <code>true</code>).
 602 Note that this option only applies when <code><a href="output/Ext.Panel.html#Ext.Panel-floating" ext:member="floating" ext:cls="Ext.Panel">floating</a> = true</code>.</div></div></td><td class="msource"><a href="output/Ext.Panel.html#shim" ext:member="#shim" ext:cls="Ext.Panel">Panel</a></td></tr><tr class="config-row  inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.grid.GridPanel-sm"></a><b><a href="source/GridPanel.html#cfg-Ext.grid.GridPanel-sm">sm</a></b> : Object<div class="mdesc">Shorthand for <tt><a href="output/Ext.grid.GridPanel.html#Ext.grid.GridPanel-selModel" ext:member="selModel" ext:cls="Ext.grid.GridPanel">selModel</a></tt>.</div></td><td class="msource"><a href="output/Ext.grid.GridPanel.html#sm" ext:member="#sm" ext:cls="Ext.grid.GridPanel">GridPanel</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.grid.GridPanel-stateEvents"></a><b><a href="source/GridPanel.html#cfg-Ext.grid.GridPanel-stateEvents">stateEvents</a></b> : Array<div class="mdesc"><div class="short">An array of events that, when fired, should trigger this component to save its state.&#13;\r
 603 Defaults to:stateEvents: ['col...</div><div class="long">An array of events that, when fired, should trigger this component to save its state.\r
 604 Defaults to:<pre><code>stateEvents: [<em>'columnmove'</em>, <em>'columnresize'</em>, <em>'sortchange'</em>]</code></pre>\r
 605 <p>These can be any types of events supported by this component, including browser or\r
 606 custom events (e.g., <tt>['click', 'customerchange']</tt>).</p>\r
 607 <p>See <a href="output/Ext.Component.html#Ext.Component-stateful" ext:member="stateful" ext:cls="Ext.Component">Ext.Component.stateful</a> for an explanation of saving and restoring\r
 608 Component state.</p></div></div></td><td class="msource"><a href="output/Ext.grid.GridPanel.html#stateEvents" ext:member="#stateEvents" ext:cls="Ext.grid.GridPanel">GridPanel</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Component-stateId"></a><b><a href="source/Component.html#cfg-Ext.Component-stateId">stateId</a></b> : String<div class="mdesc"><div class="short">The unique id for this component to use for state management purposes\r
 609 (defaults to the component id if one was set, o...</div><div class="long">The unique id for this component to use for state management purposes
 610 (defaults to the component id if one was set, otherwise null if the
 611 component is using a generated id).
 612 <p>See <code><a href="output/Ext.Component.html#Ext.Component-stateful" ext:member="stateful" ext:cls="Ext.Component">stateful</a></code> for an explanation of saving and
 613 restoring Component state.</p></div></div></td><td class="msource"><a href="output/Ext.Component.html#stateId" ext:member="#stateId" ext:cls="Ext.Component">Component</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Component-stateful"></a><b><a href="source/Component.html#cfg-Ext.Component-stateful">stateful</a></b> : Boolean<div class="mdesc"><div class="short">A flag which causes the Component to attempt to restore the state of\r
 614 internal properties from a saved state on startu...</div><div class="long"><p>A flag which causes the Component to attempt to restore the state of
 615 internal properties from a saved state on startup. The component must have
 616 either a <code><a href="output/Ext.Component.html#Ext.Component-stateId" ext:member="stateId" ext:cls="Ext.Component">stateId</a></code> or <code><a href="output/Ext.Component.html#Ext.Component-id" ext:member="id" ext:cls="Ext.Component">id</a></code> assigned
 617 for state to be managed. Auto-generated ids are not guaranteed to be stable
 618 across page loads and cannot be relied upon to save and restore the same
 619 state for a component.<p>
 620 <p>For state saving to work, the state manager's provider must have been
 621 set to an implementation of <a href="output/Ext.state.Provider.html" ext:cls="Ext.state.Provider">Ext.state.Provider</a> which overrides the
 622 <a href="output/Ext.state.Provider.html#Ext.state.Provider-set" ext:member="set" ext:cls="Ext.state.Provider">set</a> and <a href="output/Ext.state.Provider.html#Ext.state.Provider-get" ext:member="get" ext:cls="Ext.state.Provider">get</a>
 623 methods to save and recall name/value pairs. A built-in implementation,
 624 <a href="output/Ext.state.CookieProvider.html" ext:cls="Ext.state.CookieProvider">Ext.state.CookieProvider</a> is available.</p>
 625 <p>To set the state provider for the current page:</p>
 626 <pre><code>Ext.state.Manager.setProvider(<b>new</b> Ext.state.CookieProvider({
 627     expires: <b>new</b> Date(<b>new</b> Date().getTime()+(1000*60*60*24*7)), <i>//7 days from now</i>
 628 }));</code></pre>
 629 <p>A stateful Component attempts to save state when one of the events
 630 listed in the <code><a href="output/Ext.Component.html#Ext.Component-stateEvents" ext:member="stateEvents" ext:cls="Ext.Component">stateEvents</a></code> configuration fires.</p>
 631 <p>To save state, a stateful Component first serializes its state by
 632 calling <b><code>getState</code></b>. By default, this function does
 633 nothing. The developer must provide an implementation which returns an
 634 object hash which represents the Component's restorable state.</p>
 635 <p>The value yielded by getState is passed to <a href="output/Ext.state.Manager.html#Ext.state.Manager-set" ext:member="set" ext:cls="Ext.state.Manager">Ext.state.Manager.set</a>
 636 which uses the configured <a href="output/Ext.state.Provider.html" ext:cls="Ext.state.Provider">Ext.state.Provider</a> to save the object
 637 keyed by the Component's <code><a href="output/stateId.html" ext:cls="stateId">stateId</a></code>, or, if that is not
 638 specified, its <code><a href="output/Ext.Component.html#Ext.Component-id" ext:member="id" ext:cls="Ext.Component">id</a></code>.</p>
 639 <p>During construction, a stateful Component attempts to <i>restore</i>
 640 its state by calling <a href="output/Ext.state.Manager.html#Ext.state.Manager-get" ext:member="get" ext:cls="Ext.state.Manager">Ext.state.Manager.get</a> passing the
 641 <code><a href="output/Ext.Component.html#Ext.Component-stateId" ext:member="stateId" ext:cls="Ext.Component">stateId</a></code>, or, if that is not specified, the
 642 <code><a href="output/Ext.Component.html#Ext.Component-id" ext:member="id" ext:cls="Ext.Component">id</a></code>.</p>
 643 <p>The resulting object is passed to <b><code>applyState</code></b>.
 644 The default implementation of <code>applyState</code> simply copies
 645 properties into the object, but a developer may override this to support
 646 more behaviour.</p>
 647 <p>You can perform extra processing on state save and restore by attaching
 648 handlers to the <a href="output/Ext.Component.html#Ext.Component-beforestaterestore" ext:member="beforestaterestore" ext:cls="Ext.Component">beforestaterestore</a>, <a href="output/Ext.Component.html#Ext.Component-staterestore" ext:member="staterestore" ext:cls="Ext.Component">staterestore</a>,
 649 <a href="output/Ext.Component.html#Ext.Component-beforestatesave" ext:member="beforestatesave" ext:cls="Ext.Component">beforestatesave</a> and <a href="output/Ext.Component.html#Ext.Component-statesave" ext:member="statesave" ext:cls="Ext.Component">statesave</a> events.</p></div></div></td><td class="msource"><a href="output/Ext.Component.html#stateful" ext:member="#stateful" ext:cls="Ext.Component">Component</a></td></tr><tr class="config-row  inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.grid.GridPanel-store"></a><b><a href="source/GridPanel.html#cfg-Ext.grid.GridPanel-store">store</a></b> : Ext.data.Store<div class="mdesc">The <a href="output/Ext.data.Store.html" ext:cls="Ext.data.Store">Ext.data.Store</a> the grid should use as its data source (required).</div></td><td class="msource"><a href="output/Ext.grid.GridPanel.html#store" ext:member="#store" ext:cls="Ext.grid.GridPanel">GridPanel</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.grid.GridPanel-stripeRows"></a><b><a href="source/GridPanel.html#cfg-Ext.grid.GridPanel-stripeRows">stripeRows</a></b> : Boolean<div class="mdesc"><div class="short">true to stripe the rows. Default is false.&#13;\r
 650 This causes the CSS class x-grid3-row-alt to be added to alternate rows o...</div><div class="long"><tt>true</tt> to stripe the rows. Default is <tt>false</tt>.\r
 651 <p>This causes the CSS class <tt><b>x-grid3-row-alt</b></tt> to be added to alternate rows of\r
 652 the grid. A default CSS rule is provided which sets a background colour, but you can override this\r
 653 with a rule which either overrides the <b>background-color</b> style using the '!important'\r
 654 modifier, or which uses a CSS selector of higher specificity.</p></div></div></td><td class="msource"><a href="output/Ext.grid.GridPanel.html#stripeRows" ext:member="#stripeRows" ext:cls="Ext.grid.GridPanel">GridPanel</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Component-style"></a><b><a href="source/Component.html#cfg-Ext.Component-style">style</a></b> : String<div class="mdesc"><div class="short">A custom style specification to be applied to this component's Element.  Should be a valid argument to\r
 655 Ext.Element.ap...</div><div class="long">A custom style specification to be applied to this component's Element.  Should be a valid argument to
 656 <a href="output/Ext.Element.html#Ext.Element-applyStyles" ext:member="applyStyles" ext:cls="Ext.Element">Ext.Element.applyStyles</a>.
 657 <pre><code><b>new</b> Ext.Panel({
 658     title: <em>'Some Title'</em>,
 659     renderTo: Ext.getBody(),
 660     width: 400, height: 300,
 661     layout: <em>'form'</em>,
 662     items: [{
 663         xtype: <em>'textarea'</em>,
 664         style: {
 665             width: <em>'95%'</em>,
 666             marginBottom: <em>'10px'</em>
 667         }
 668     },
 669         <b>new</b> Ext.Button({
 670             text: <em>'Send'</em>,
 671             minWidth: <em>'100'</em>,
 672             style: {
 673                 marginBottom: <em>'10px'</em>
 674             }
 675         })
 676     ]
 677 });</code></pre></div></div></td><td class="msource"><a href="output/Ext.Component.html#style" ext:member="#style" ext:cls="Ext.Component">Component</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.BoxComponent-tabTip"></a><b><a href="source/BoxComponent.html#cfg-Ext.BoxComponent-tabTip">tabTip</a></b> : String<div class="mdesc"><div class="short">Note: this config is only used when this BoxComponent is a child item of a TabPanel.\r
 678 A string to be used as innerHTML...</div><div class="long"><p><b>Note</b>: this config is only used when this BoxComponent is a child item of a TabPanel.</p>
 679 A string to be used as innerHTML (html tags are accepted) to show in a tooltip when mousing over
 680 the associated tab selector element. <a href="output/Ext.QuickTips.html" ext:cls="Ext.QuickTips">Ext.QuickTips</a>.init()
 681 must be called in order for the tips to render.</div></div></td><td class="msource"><a href="output/Ext.BoxComponent.html#tabTip" ext:member="#tabTip" ext:cls="Ext.BoxComponent">BoxComponent</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Panel-tbar"></a><b><a href="source/Panel.html#cfg-Ext.Panel-tbar">tbar</a></b> : Object/Array<div class="mdesc"><div class="short">The top toolbar of the panel. This can be a Ext.Toolbar object, a toolbar config, or an array of\r
 682 buttons/button confi...</div><div class="long"><p>The top toolbar of the panel. This can be a <a href="output/Ext.Toolbar.html" ext:cls="Ext.Toolbar">Ext.Toolbar</a> object, a toolbar config, or an array of
 683 buttons/button configs to be added to the toolbar.  Note that this is not available as a property after render.
 684 To access the top toolbar after render, use <a href="output/Ext.Panel.html#Ext.Panel-getTopToolbar" ext:member="getTopToolbar" ext:cls="Ext.Panel">getTopToolbar</a>.</p>
 685 <p><b>Note:</b> Although a Toolbar may contain Field components, these will <b>not</b> be updated by a load
 686 of an ancestor FormPanel. A Panel's toolbars are not part of the standard Container->Component hierarchy, and
 687 so are not scanned to collect form items. However, the values <b>will</b> be submitted because form
 688 submission parameters are collected from the DOM tree.</p></div></div></td><td class="msource"><a href="output/Ext.Panel.html#tbar" ext:member="#tbar" ext:cls="Ext.Panel">Panel</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Panel-tbarCfg"></a><b><a href="source/Panel.html#cfg-Ext.Panel-tbarCfg">tbarCfg</a></b> : Object<div class="mdesc"><div class="short">A DomHelper element specification object specifying the element structure\r
 689 of this Panel's tbar Element.  See bodyCfg ...</div><div class="long"><p>A <a href="output/Ext.DomHelper.html" ext:cls="Ext.DomHelper">DomHelper</a> element specification object specifying the element structure
 690 of this Panel's <a href="output/Ext.Panel.html#Ext.Panel-tbar" ext:member="tbar" ext:cls="Ext.Panel">tbar</a> Element.  See <code><a href="output/Ext.Panel.html#Ext.Panel-bodyCfg" ext:member="bodyCfg" ext:cls="Ext.Panel">bodyCfg</a></code> also.</p></div></div></td><td class="msource"><a href="output/Ext.Panel.html#tbarCfg" ext:member="#tbarCfg" ext:cls="Ext.Panel">Panel</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Panel-title"></a><b><a href="source/Panel.html#cfg-Ext.Panel-title">title</a></b> : String<div class="mdesc"><div class="short">The title text to be used as innerHTML (html tags are accepted) to display in the panel\r
 691 header (defaults to ''). When...</div><div class="long">The title text to be used as innerHTML (html tags are accepted) to display in the panel
 692 <code><a href="output/Ext.Panel.html#Ext.Panel-header" ext:member="header" ext:cls="Ext.Panel">header</a></code> (defaults to ''). When a <code>title</code> is specified the
 693 <code><a href="output/Ext.Panel.html#Ext.Panel-header" ext:member="header" ext:cls="Ext.Panel">header</a></code> element will automatically be created and displayed unless
 694 <a href="output/Ext.Panel.html#Ext.Panel-header" ext:member="header" ext:cls="Ext.Panel">header</a> is explicitly set to <code>false</code>.  If you do not want to specify a
 695 <code>title</code> at config time, but you may want one later, you must either specify a non-empty
 696 <code>title</code> (a blank space ' ' will do) or <code>header:true</code> so that the container
 697 element will get created.</div></div></td><td class="msource"><a href="output/Ext.Panel.html#title" ext:member="#title" ext:cls="Ext.Panel">Panel</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Panel-titleCollapse"></a><b><a href="source/Panel.html#cfg-Ext.Panel-titleCollapse">titleCollapse</a></b> : Boolean<div class="mdesc"><div class="short">true to allow expanding and collapsing the panel (when collapsible = true)\r
 698 by clicking anywhere in the header bar, fa...</div><div class="long"><code>true</code> to allow expanding and collapsing the panel (when <code><a href="output/Ext.Panel.html#Ext.Panel-collapsible" ext:member="collapsible" ext:cls="Ext.Panel">collapsible</a> = true</code>)
 699 by clicking anywhere in the header bar, <code>false</code>) to allow it only by clicking to tool button
 700 (defaults to <code>false</code>)). If this panel is a child item of a border layout also see the
 701 <a href="output/Ext.layout.BorderLayout.Region.html" ext:cls="Ext.layout.BorderLayout.Region">BorderLayout.Region</a>
 702 <code><a href="output/Ext.layout.BorderLayout.Region.html#Ext.layout.BorderLayout.Region-floatable" ext:member="floatable" ext:cls="Ext.layout.BorderLayout.Region">floatable</a></code> config option.</div></div></td><td class="msource"><a href="output/Ext.Panel.html#titleCollapse" ext:member="#titleCollapse" ext:cls="Ext.Panel">Panel</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Panel-toolTemplate"></a><b><a href="source/Panel.html#cfg-Ext.Panel-toolTemplate">toolTemplate</a></b> : Ext.Template/Ext.XTemplate<div class="mdesc"><div class="short">A Template used to create tools in the header Element. Defaults to:new Ext.Template('&amp;lt;div class="x-tool x-tool-{id...</div><div class="long"><p>A Template used to create <a href="output/Ext.Panel.html#Ext.Panel-tools" ext:member="tools" ext:cls="Ext.Panel">tools</a> in the <a href="output/Ext.Panel.html#Ext.Panel-header" ext:member="header" ext:cls="Ext.Panel">header</a> Element. Defaults to:</p><pre><code><b>new</b> Ext.Template(<em>'&lt;div class=<em>"x-tool x-tool-{id}"</em>>&amp;#160;&lt;/div>'</em>)</code></pre>
 703 <p>This may may be overridden to provide a custom DOM structure for tools based upon a more
 704 complex XTemplate. The template's data is a single tool configuration object (Not the entire Array)
 705 as specified in <a href="output/Ext.Panel.html#Ext.Panel-tools" ext:member="tools" ext:cls="Ext.Panel">tools</a>.  In the following example an &lt;a> tag is used to provide a
 706 visual indication when hovering over the tool:</p><pre><code><b>var</b> win = <b>new</b> Ext.Window({
 707     tools: [{
 708         id: <em>'download'</em>,
 709         href: <em>'/MyPdfDoc.pdf'</em>
 710     }],
 711     toolTemplate: <b>new</b> Ext.XTemplate(
 712         <em>'&lt;tpl <b>if</b>=<em>"id==\'</em>download\<em>'"</em>>'</em>,
 713             <em>'&lt;a class=<em>"x-tool x-tool-pdf"</em> href=<em>"{href}"</em>>&lt;/a>'</em>,
 714         <em>'&lt;/tpl>'</em>,
 715         <em>'&lt;tpl <b>if</b>=<em>"id!=\'</em>download\<em>'"</em>>'</em>,
 716             <em>'&lt;div class=<em>"x-tool x-tool-{id}"</em>>&amp;#160;&lt;/div>'</em>,
 717         <em>'&lt;/tpl>'</em>
 718     ),
 719     width:500,
 720     height:300,
 721     closeAction:<em>'hide'</em>
 722 });</code></pre>
 723 <p>Note that the CSS class 'x-tool-pdf' should have an associated style rule which provides an
 724 appropriate background image, something like:</p>
 725     <pre><code>a.x-tool-pdf {background-image: url(../shared/extjs/images/pdf.gif)!important;}</code></pre></div></div></td><td class="msource"><a href="output/Ext.Panel.html#toolTemplate" ext:member="#toolTemplate" ext:cls="Ext.Panel">Panel</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Panel-tools"></a><b><a href="source/Panel.html#cfg-Ext.Panel-tools">tools</a></b> : Array<div class="mdesc"><div class="short">An array of tool button configs to be added to the header tool area. When rendered, each tool is\r
 726 stored as an Element...</div><div class="long">An array of tool button configs to be added to the header tool area. When rendered, each tool is
 727 stored as an <a href="output/Ext.Element.html" ext:cls="Ext.Element">Element</a> referenced by a public property called <code><b></b>tools.<i>&lt;tool-type&gt;</i></code>
 728 <p>Each tool config may contain the following properties:
 729 <div class="mdetail-params"><ul>
 730 <li><b>id</b> : String<div class="sub-desc"><b>Required.</b> The type
 731 of 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
 732 resulting tool Element. Ext provides CSS rules, and an icon sprite containing images for the tool types listed below.
 733 The developer may implement custom tools by supplying alternate CSS rules and background images:
 734 <ul>
 735 <div class="x-tool x-tool-toggle" style="float:left; margin-right:5;"> </div><div><code>toggle</code> (Created by default when <a href="output/Ext.Panel.html#Ext.Panel-collapsible" ext:member="collapsible" ext:cls="Ext.Panel">collapsible</a> is <code>true</code>)</div>
 736 <div class="x-tool x-tool-close" style="float:left; margin-right:5;"> </div><div><code>close</code></div>
 737 <div class="x-tool x-tool-minimize" style="float:left; margin-right:5;"> </div><div><code>minimize</code></div>
 738 <div class="x-tool x-tool-maximize" style="float:left; margin-right:5;"> </div><div><code>maximize</code></div>
 739 <div class="x-tool x-tool-restore" style="float:left; margin-right:5;"> </div><div><code>restore</code></div>
 740 <div class="x-tool x-tool-gear" style="float:left; margin-right:5;"> </div><div><code>gear</code></div>
 741 <div class="x-tool x-tool-pin" style="float:left; margin-right:5;"> </div><div><code>pin</code></div>
 742 <div class="x-tool x-tool-unpin" style="float:left; margin-right:5;"> </div><div><code>unpin</code></div>
 743 <div class="x-tool x-tool-right" style="float:left; margin-right:5;"> </div><div><code>right</code></div>
 744 <div class="x-tool x-tool-left" style="float:left; margin-right:5;"> </div><div><code>left</code></div>
 745 <div class="x-tool x-tool-up" style="float:left; margin-right:5;"> </div><div><code>up</code></div>
 746 <div class="x-tool x-tool-down" style="float:left; margin-right:5;"> </div><div><code>down</code></div>
 747 <div class="x-tool x-tool-refresh" style="float:left; margin-right:5;"> </div><div><code>refresh</code></div>
 748 <div class="x-tool x-tool-minus" style="float:left; margin-right:5;"> </div><div><code>minus</code></div>
 749 <div class="x-tool x-tool-plus" style="float:left; margin-right:5;"> </div><div><code>plus</code></div>
 750 <div class="x-tool x-tool-help" style="float:left; margin-right:5;"> </div><div><code>help</code></div>
 751 <div class="x-tool x-tool-search" style="float:left; margin-right:5;"> </div><div><code>search</code></div>
 752 <div class="x-tool x-tool-save" style="float:left; margin-right:5;"> </div><div><code>save</code></div>
 753 <div class="x-tool x-tool-print" style="float:left; margin-right:5;"> </div><div><code>print</code></div>
 754 </ul></div></li>
 755 <li><b>handler</b> : Function<div class="sub-desc"><b>Required.</b> The function to
 756 call when clicked. Arguments passed are:<ul>
 757 <li><b>event</b> : Ext.EventObject<div class="sub-desc">The click event.</div></li>
 758 <li><b>toolEl</b> : Ext.Element<div class="sub-desc">The tool Element.</div></li>
 759 <li><b>panel</b> : Ext.Panel<div class="sub-desc">The host Panel</div></li>
 760 <li><b>tc</b> : Ext.Panel<div class="sub-desc">The tool configuration object</div></li>
 761 </ul></div></li>
 762 <li><b>stopEvent</b> : Boolean<div class="sub-desc">Defaults to true. Specify as false to allow click event to propagate.</div></li>
 763 <li><b>scope</b> : Object<div class="sub-desc">The scope in which to call the handler.</div></li>
 764 <li><b>qtip</b> : String/Object<div class="sub-desc">A tip string, or
 765 a config argument to <a href="output/Ext.QuickTip.html#Ext.QuickTip-register" ext:member="register" ext:cls="Ext.QuickTip">Ext.QuickTip.register</a></div></li>
 766 <li><b>hidden</b> : Boolean<div class="sub-desc">True to initially render hidden.</div></li>
 767 <li><b>on</b> : Object<div class="sub-desc">A listener config object specifiying
 768 event listeners in the format of an argument to <a href="output/Ext.Panel.html#Ext.Panel-addListener" ext:member="addListener" ext:cls="Ext.Panel">addListener</a></div></li>
 769 </ul></div>
 770 <p>Note that, apart from the toggle tool which is provided when a panel is collapsible, these
 771 tools only provide the visual button. Any required functionality must be provided by adding
 772 handlers that implement the necessary behavior.</p>
 773 <p>Example usage:</p>
 774 <pre><code>tools:[{
 775     id:<em>'refresh'</em>,
 776     qtip: <em>'Refresh form Data'</em>,
 777     <i>// hidden:true,</i>
 778     handler: <b>function</b>(event, toolEl, panel){
 779         <i>// refresh logic</i>
 780     }
 781 },
 782 {
 783     id:<em>'help'</em>,
 784     qtip: <em>'Get Help'</em>,
 785     handler: <b>function</b>(event, toolEl, panel){
 786         <i>// whatever</i>
 787     }
 788 }]</code></pre>
 789 <p>For the custom id of <code><em>'help'</em></code> define two relevant css classes with a link to
 790 a 15x15 image:</p>
 791 <pre><code>.x-tool-help {background-image: url(images/help.png);}
 792 .x-tool-help-over {background-image: url(images/help_over.png);}
 793 <i>// <b>if</b> using an image sprite:</i>
 794 .x-tool-help {background-image: url(images/help.png) no-repeat 0 0;}
 795 .x-tool-help-over {background-position:-15px 0;}</code></pre></div></div></td><td class="msource"><a href="output/Ext.Panel.html#tools" ext:member="#tools" ext:cls="Ext.Panel">Panel</a></td></tr><tr class="config-row  inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.grid.GridPanel-trackMouseOver"></a><b><a href="source/GridPanel.html#cfg-Ext.grid.GridPanel-trackMouseOver">trackMouseOver</a></b> : Boolean<div class="mdesc">True to highlight rows when the mouse is over. Default is <tt>true</tt>\r
 796 for GridPanel, but <tt>false</tt> for EditorGridPanel.</div></td><td class="msource"><a href="output/Ext.grid.GridPanel.html#trackMouseOver" ext:member="#trackMouseOver" ext:cls="Ext.grid.GridPanel">GridPanel</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Panel-unstyled"></a><b><a href="source/Panel.html#cfg-Ext.Panel-unstyled">unstyled</a></b> : Boolean<div class="mdesc"><div class="short">Overrides the baseCls setting to baseCls = 'x-plain' which renders\r
 797 the panel unstyled except for required attributes ...</div><div class="long">Overrides the <code><a href="output/Ext.Panel.html#Ext.Panel-baseCls" ext:member="baseCls" ext:cls="Ext.Panel">baseCls</a></code> setting to <code><a href="output/Ext.Panel.html#Ext.Panel-baseCls" ext:member="baseCls" ext:cls="Ext.Panel">baseCls</a> = <em>'x-plain'</em></code> which renders
 798 the panel unstyled except for required attributes for Ext layouts to function (e.g. overflow:hidden).</div></div></td><td class="msource"><a href="output/Ext.Panel.html#unstyled" ext:member="#unstyled" ext:cls="Ext.Panel">Panel</a></td></tr><tr class="config-row  inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.grid.GridPanel-view"></a><b><a href="source/GridPanel.html#cfg-Ext.grid.GridPanel-view">view</a></b> : Object<div class="mdesc">The <a href="output/Ext.grid.GridView.html" ext:cls="Ext.grid.GridView">Ext.grid.GridView</a> used by the grid. This can be set\r
 799 before a call to <a href="output/Ext.Component.html#Ext.Component-render" ext:member="render" ext:cls="Ext.Component">render()</a>.</div></td><td class="msource"><a href="output/Ext.grid.GridPanel.html#view" ext:member="#view" ext:cls="Ext.grid.GridPanel">GridPanel</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.grid.GridPanel-viewConfig"></a><b><a href="source/GridPanel.html#cfg-Ext.grid.GridPanel-viewConfig">viewConfig</a></b> : Object<div class="mdesc"><div class="short">A config object that will be applied to the grid's UI view.  Any of&#13;\r
 800 the config options available for Ext.grid.GridVi...</div><div class="long">A config object that will be applied to the grid's UI view.  Any of\r
 801 the config options available for <a href="output/Ext.grid.GridView.html" ext:cls="Ext.grid.GridView">Ext.grid.GridView</a> can be specified here. This option\r
 802 is ignored if <tt><a href="output/Ext.grid.GridPanel.html#Ext.grid.GridPanel-view" ext:member="view" ext:cls="Ext.grid.GridPanel">view</a></tt> is specified.</div></div></td><td class="msource"><a href="output/Ext.grid.GridPanel.html#viewConfig" ext:member="#viewConfig" ext:cls="Ext.grid.GridPanel">GridPanel</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.BoxComponent-width"></a><b><a href="source/BoxComponent.html#cfg-Ext.BoxComponent-width">width</a></b> : Number<div class="mdesc"><div class="short">The width of this component in pixels (defaults to auto).\r
 803 Note to express this dimension as a percentage or offset se...</div><div class="long">The width of this component in pixels (defaults to auto).
 804 <b>Note</b> to express this dimension as a percentage or offset see <a href="output/Ext.Component.html#Ext.Component-anchor" ext:member="anchor" ext:cls="Ext.Component">Ext.Component.anchor</a>.</div></div></td><td class="msource"><a href="output/Ext.BoxComponent.html#width" ext:member="#width" ext:cls="Ext.BoxComponent">BoxComponent</a></td></tr><tr class="config-row  inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.BoxComponent-x"></a><b><a href="source/BoxComponent.html#cfg-Ext.BoxComponent-x">x</a></b> : Number<div class="mdesc">The local x (left) coordinate for this component if contained within a positioning container.</div></td><td class="msource"><a href="output/Ext.BoxComponent.html#x" ext:member="#x" ext:cls="Ext.BoxComponent">BoxComponent</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Component-xtype"></a><b><a href="source/Component.html#cfg-Ext.Component-xtype">xtype</a></b> : String<div class="mdesc"><div class="short">The registered xtype to create. This config option is not used when passing\r
 805 a config object into a constructor. This ...</div><div class="long">The registered <tt>xtype</tt> to create. This config option is not used when passing
 806 a config object into a constructor. This config option is used only when
 807 lazy instantiation is being used, and a child item of a Container is being
 808 specified not as a fully instantiated Component, but as a <i>Component config
 809 object</i>. The <tt>xtype</tt> will be looked up at render time up to determine what
 810 type of child Component to create.<br><br>
 811 The predefined xtypes are listed <a href="output/Ext.Component.html" ext:cls="Ext.Component">here</a>.
 812 <br><br>
 813 If you subclass Components to create your own Components, you may register
 814 them using <a href="output/Ext.ComponentMgr.html#Ext.ComponentMgr-registerType" ext:member="registerType" ext:cls="Ext.ComponentMgr">Ext.ComponentMgr.registerType</a> in order to be able to
 815 take advantage of lazy instantiation and rendering.</div></div></td><td class="msource"><a href="output/Ext.Component.html#xtype" ext:member="#xtype" ext:cls="Ext.Component">Component</a></td></tr><tr class="config-row  inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.BoxComponent-y"></a><b><a href="source/BoxComponent.html#cfg-Ext.BoxComponent-y">y</a></b> : Number<div class="mdesc">The local y (top) coordinate for this component if contained within a positioning container.</div></td><td class="msource"><a href="output/Ext.BoxComponent.html#y" ext:member="#y" ext:cls="Ext.BoxComponent">BoxComponent</a></td></tr></tbody></table><a id="Ext.ux.grid.TableGrid-props"></a><h2>Public Properties</h2><table cellspacing="0" class="member-table"><tbody><tr><th colspan="2" class="sig-header">Property</th><th class="msource-header">Defined By</th></tr><tr class="property-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Panel-body"></a><b><a href="source/Panel.html#prop-Ext.Panel-body">body</a></b> : Ext.Element<div class="mdesc"><div class="short">The Panel's body Element which may be used to contain HTML content.\r
 816 The content may be specified in the html config, ...</div><div class="long">The Panel's body <a href="output/Ext.Element.html" ext:cls="Ext.Element">Element</a> which may be used to contain HTML content.
 817 The content may be specified in the <a href="output/Ext.Panel.html#Ext.Panel-html" ext:member="html" ext:cls="Ext.Panel">html</a> config, or it may be loaded using the
 818 <a href="output/autoLoad.html" ext:cls="autoLoad">autoLoad</a> config, or through the Panel's <a href="output/Ext.Panel.html#Ext.Panel-getUpdater" ext:member="getUpdater" ext:cls="Ext.Panel">Updater</a>. Read-only.
 819 <p>If this is used to load visible HTML elements in either way, then
 820 the Panel may not be used as a Layout for hosting nested Panels.</p>
 821 <p>If this Panel is intended to be used as the host of a Layout (See <a href="output/Ext.Panel.html#Ext.Panel-layout" ext:member="layout" ext:cls="Ext.Panel">layout</a>
 822 then the body Element must not be loaded or changed - it is under the control
 823 of the Panel's Layout.
 824 <br><p><b>Note</b>: see the Note for <code><a href="output/Ext.Component.html#Ext.Component-el" ext:member="el" ext:cls="Ext.Component">el</a></code> also.</p></div></div></td><td class="msource"><a href="output/Ext.Panel.html#body" ext:member="#body" ext:cls="Ext.Panel">Panel</a></td></tr><tr class="property-row  inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Panel-buttons"></a><b><a href="source/Panel.html#prop-Ext.Panel-buttons">buttons</a></b> : Array<div class="mdesc">This Panel's Array of buttons as created from the <code><a href="output/Ext.Panel.html#Ext.Panel-buttons" ext:member="buttons" ext:cls="Ext.Panel">buttons</a></code>
 825 config property. Read only.</div></td><td class="msource"><a href="output/Ext.Panel.html#buttons" ext:member="#buttons" ext:cls="Ext.Panel">Panel</a></td></tr><tr class="property-row  inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Panel-bwrap"></a><b><a href="source/Panel.html#prop-Ext.Panel-bwrap">bwrap</a></b> : Ext.Element<div class="mdesc">The Panel's bwrap <a href="output/Ext.Element.html" ext:cls="Ext.Element">Element</a> used to contain other Panel elements
 826 (tbar, body, bbar, footer). See <a href="output/Ext.Panel.html#Ext.Panel-bodyCfg" ext:member="bodyCfg" ext:cls="Ext.Panel">bodyCfg</a>. Read-only.</div></td><td class="msource"><a href="output/Ext.Panel.html#bwrap" ext:member="#bwrap" ext:cls="Ext.Panel">Panel</a></td></tr><tr class="property-row  inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Panel-collapsed"></a><b><a href="source/Panel.html#prop-Ext.Panel-collapsed">collapsed</a></b> : Boolean<div class="mdesc">True if this panel is collapsed. Read-only.</div></td><td class="msource"><a href="output/Ext.Panel.html#collapsed" ext:member="#collapsed" ext:cls="Ext.Panel">Panel</a></td></tr><tr class="property-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Panel-dd"></a><b><a href="source/Panel.html#prop-Ext.Panel-dd">dd</a></b> : Ext.dd.DragSource.<div class="mdesc"><div class="short">If this Panel is configured draggable, this property will contain\r
 827 an instance of Ext.dd.DragSource which handles drag...</div><div class="long"><p>If this Panel is configured <a href="output/Ext.Panel.html#Ext.Panel-draggable" ext:member="draggable" ext:cls="Ext.Panel">draggable</a>, this property will contain
 828 an instance of <a href="output/Ext.dd.DragSource.html" ext:cls="Ext.dd.DragSource">Ext.dd.DragSource</a> which handles dragging the Panel.</p>
 829 The developer must provide implementations of the abstract methods of <a href="output/Ext.dd.DragSource.html" ext:cls="Ext.dd.DragSource">Ext.dd.DragSource</a>
 830 in order to supply behaviour for each stage of the drag/drop process. See <a href="output/Ext.Panel.html#Ext.Panel-draggable" ext:member="draggable" ext:cls="Ext.Panel">draggable</a>.</div></div></td><td class="msource"><a href="output/Ext.Panel.html#dd" ext:member="#dd" ext:cls="Ext.Panel">Panel</a></td></tr><tr class="property-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Component-el"></a><b><a href="source/Component.html#prop-Ext.Component-el">el</a></b> : Ext.Element<div class="mdesc"><div class="short">The Ext.Element which encapsulates this Component. Read-only.\r
 831 This will usually be a &amp;lt;DIV&gt; element created by the ...</div><div class="long"><p>The <a href="output/Ext.Element.html" ext:cls="Ext.Element">Ext.Element</a> which encapsulates this Component. Read-only.</p>
 832 <p>This will <i>usually</i> be a &lt;DIV> element created by the class's onRender method, but
 833 that may be overridden using the <code><a href="output/Ext.Component.html#Ext.Component-autoEl" ext:member="autoEl" ext:cls="Ext.Component">autoEl</a></code> config.</p>
 834 <br><p><b>Note</b>: this element will not be available until this Component has been rendered.</p><br>
 835 <p>To add listeners for <b>DOM events</b> to this Component (as opposed to listeners
 836 for this Component's own Observable events), see the <a href="output/Ext.util.Observable.html#Ext.util.Observable-listeners" ext:member="listeners" ext:cls="Ext.util.Observable">listeners</a>
 837 config for a suggestion, or use a render listener directly:</p><pre><code><b>new</b> Ext.Panel({
 838     title: <em>'The Clickable Panel'</em>,
 839     listeners: {
 840         render: <b>function</b>(p) {
 841             <i>// Append the Panel to the click handler&#39;s argument list.</i>
 842             p.getEl().on(<em>'click'</em>, handlePanelClick.createDelegate(null, [p], true));
 843         },
 844         single: true  <i>// Remove the listener after first invocation</i>
 845     }
 846 });</code></pre>
 847 <p>See also <tt><a href="output/Ext.Component.html#Ext.Component-getEl" ext:member="getEl" ext:cls="Ext.Component">getEl</a></p></div></div></td><td class="msource"><a href="output/Ext.Component.html#el" ext:member="#el" ext:cls="Ext.Component">Component</a></td></tr><tr class="property-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Panel-footer"></a><b><a href="source/Panel.html#prop-Ext.Panel-footer">footer</a></b> : Ext.Element<div class="mdesc"><div class="short">The Panel's footer Element. Read-only.\r
 848 This Element is used to house the Panel's buttons or fbar.\r
 849 Note: see the Note ...</div><div class="long">The Panel's footer <a href="output/Ext.Element.html" ext:cls="Ext.Element">Element</a>. Read-only.
 850 <p>This Element is used to house the Panel's <code><a href="output/Ext.Panel.html#Ext.Panel-buttons" ext:member="buttons" ext:cls="Ext.Panel">buttons</a></code> or <code><a href="output/Ext.Panel.html#Ext.Panel-fbar" ext:member="fbar" ext:cls="Ext.Panel">fbar</a></code>.</p>
 851 <br><p><b>Note</b>: see the Note for <code><a href="output/Ext.Component.html#Ext.Component-el" ext:member="el" ext:cls="Ext.Component">el</a></code> also.</p></div></div></td><td class="msource"><a href="output/Ext.Panel.html#footer" ext:member="#footer" ext:cls="Ext.Panel">Panel</a></td></tr><tr class="property-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Panel-header"></a><b><a href="source/Panel.html#prop-Ext.Panel-header">header</a></b> : Ext.Element<div class="mdesc"><div class="short">The Panel's header Element. Read-only.\r
 852 This Element is used to house the title and tools\r
 853 Note: see the Note for el al...</div><div class="long">The Panel's header <a href="output/Ext.Element.html" ext:cls="Ext.Element">Element</a>. Read-only.
 854 <p>This Element is used to house the <a href="output/Ext.Panel.html#Ext.Panel-title" ext:member="title" ext:cls="Ext.Panel">title</a> and <a href="output/Ext.Panel.html#Ext.Panel-tools" ext:member="tools" ext:cls="Ext.Panel">tools</a></p>
 855 <br><p><b>Note</b>: see the Note for <code><a href="output/Ext.Component.html#Ext.Component-el" ext:member="el" ext:cls="Ext.Component">el</a></code> also.</p></div></div></td><td class="msource"><a href="output/Ext.Panel.html#header" ext:member="#header" ext:cls="Ext.Panel">Panel</a></td></tr><tr class="property-row  inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Component-hidden"></a><b><a href="source/Component.html#prop-Ext.Component-hidden">hidden</a></b> : Boolean<div class="mdesc">True if this component is hidden. Read-only.</div></td><td class="msource"><a href="output/Ext.Component.html#hidden" ext:member="#hidden" ext:cls="Ext.Component">Component</a></td></tr><tr class="property-row  inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Component-initialConfig"></a><b><a href="source/Component.html#prop-Ext.Component-initialConfig">initialConfig</a></b> : Object<div class="mdesc">This Component's initial configuration specification. Read-only.</div></td><td class="msource"><a href="output/Ext.Component.html#initialConfig" ext:member="#initialConfig" ext:cls="Ext.Component">Component</a></td></tr><tr class="property-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Component-ownerCt"></a><b><a href="source/Component.html#prop-Ext.Component-ownerCt">ownerCt</a></b> : Ext.Container<div class="mdesc"><div class="short">This Component's owner Container (defaults to undefined, and is set automatically when\r
 856 this Component is added to a C...</div><div class="long">This Component's owner <a href="output/Ext.Container.html" ext:cls="Ext.Container">Container</a> (defaults to undefined, and is set automatically when
 857 this Component is added to a Container).  Read-only.
 858 <p><b>Note</b>: to access items within the Container see <tt><a href="output/Ext.Component.html#Ext.Component-itemId" ext:member="itemId" ext:cls="Ext.Component">itemId</a></tt>.</p></div></div></td><td class="msource"><a href="output/Ext.Component.html#ownerCt" ext:member="#ownerCt" ext:cls="Ext.Component">Component</a></td></tr><tr class="property-row  inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Component-rendered"></a><b><a href="source/Component.html#prop-Ext.Component-rendered">rendered</a></b> : Boolean<div class="mdesc">True if this component has been rendered. Read-only.</div></td><td class="msource"><a href="output/Ext.Component.html#rendered" ext:member="#rendered" ext:cls="Ext.Component">Component</a></td></tr></tbody></table><a id="Ext.ux.grid.TableGrid-methods"></a><h2>Public Methods</h2><table cellspacing="0" class="member-table"><tbody><tr><th colspan="2" class="sig-header">Method</th><th class="msource-header">Defined By</th></tr><tr class="method-row expandable"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.ux.grid.TableGrid-TableGrid"></a><b><a href="source/TableGrid.html#cls-Ext.ux.grid.TableGrid">TableGrid</a></b>(&nbsp;<code>String/HTMLElement/Ext.Element&nbsp;table</code>,&nbsp;<code>Object&nbsp;config</code>&nbsp;)\r
 859     <div class="mdesc"><div class="short"></div><div class="long"><div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>table</code> : String/HTMLElement/Ext.Element<div class="sub-desc">The table element from which this grid will be created -
 860 The table MUST have some type of size defined for the grid to fill. The container will be
 861 automatically set to position relative if it isn't already.</div></li><li><code>config</code> : Object<div class="sub-desc">A config object that sets properties on this grid and has two additional (optional)
 862 properties: fields and columns which allow for customizing data fields and columns for this grid.</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource">TableGrid</td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Panel-addButton"></a><b><a href="source/Panel.html#method-Ext.Panel-addButton">addButton</a></b>(&nbsp;<code>String/Object&nbsp;config</code>,&nbsp;<code>Function&nbsp;handler</code>,&nbsp;<code>Object&nbsp;scope</code>&nbsp;)\r
 863     :\r
 864                                         Ext.Button<div class="mdesc"><div class="short">Adds a button to this panel.  Note that this method must be called prior to rendering.  The preferred\r
 865 approach is to ...</div><div class="long">Adds a button to this panel.  Note that this method must be called prior to rendering.  The preferred
 866 approach is to add buttons via the <a href="output/Ext.Panel.html#Ext.Panel-buttons" ext:member="buttons" ext:cls="Ext.Panel">buttons</a> config.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>config</code> : String/Object<div class="sub-desc">A valid <a href="output/Ext.Button.html" ext:cls="Ext.Button">Ext.Button</a> config.  A string will become the text for a default
 867 button config, an object will be treated as a button config object.</div></li><li><code>handler</code> : Function<div class="sub-desc">The function to be called on button <a href="output/Ext.Button.html#Ext.Button-click" ext:member="click" ext:cls="Ext.Button">Ext.Button.click</a></div></li><li><code>scope</code> : Object<div class="sub-desc">The scope to use for the button handler function</div></li></ul><strong>Returns:</strong><ul><li><code>Ext.Button</code><div class="sub-desc">The button that was added</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Panel.html#addButton" ext:member="#addButton" ext:cls="Ext.Panel">Panel</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Component-addClass"></a><b><a href="source/Component.html#method-Ext.Component-addClass">addClass</a></b>(&nbsp;<code>string&nbsp;cls</code>&nbsp;)\r
 868     :\r
 869                                         Ext.Component<div class="mdesc"><div class="short">Adds a CSS class to the component's underlying element.</div><div class="long">Adds a CSS class to the component's underlying element.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>cls</code> : string<div class="sub-desc">The CSS class name to add</div></li></ul><strong>Returns:</strong><ul><li><code>Ext.Component</code><div class="sub-desc">this</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Component.html#addClass" ext:member="#addClass" ext:cls="Ext.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.util.Observable-addEvents"></a><b><a href="source/Observable.html#method-Ext.util.Observable-addEvents">addEvents</a></b>(&nbsp;<code>Object|String&nbsp;o</code>,&nbsp;<code>string&nbsp;Optional.</code>&nbsp;)\r
 870     :\r
 871                                         void<div class="mdesc"><div class="short">Adds the specified events to the list of events which this Observable may fire.</div><div class="long">Adds the specified events to the list of events which this Observable may fire.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>o</code> : Object|String<div class="sub-desc">Either an object with event names as properties with a value of <code>true</code>
 872 or the first event name string if multiple event names are being passed as separate parameters.</div></li><li><code>Optional.</code> : string<div class="sub-desc">Event name if multiple event names are being passed as separate parameters.
 873 Usage:<pre><code>this.addEvents(<em>'storeloaded'</em>, <em>'storecleared'</em>);</code></pre></div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.util.Observable.html#addEvents" ext:member="#addEvents" ext:cls="Ext.util.Observable">Observable</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.util.Observable-addListener"></a><b><a href="source/Observable.html#method-Ext.util.Observable-addListener">addListener</a></b>(&nbsp;<code>String&nbsp;eventName</code>,&nbsp;<code>Function&nbsp;handler</code>,&nbsp;<span title="Optional" class="optional">[<code>Object&nbsp;scope</code>]</span>,&nbsp;<span title="Optional" class="optional">[<code>Object&nbsp;options</code>]</span>&nbsp;)\r
 874     :\r
 875                                         void<div class="mdesc"><div class="short">Appends an event handler to this object.</div><div class="long">Appends an event handler to this object.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>eventName</code> : String<div class="sub-desc">The name of the event to listen for.</div></li><li><code>handler</code> : Function<div class="sub-desc">The method the event invokes.</div></li><li><code>scope</code> : Object<div class="sub-desc">(optional) The scope (<code><b>this</b></code> reference) in which the handler function is executed.
 876 <b>If omitted, defaults to the object which fired the event.</b></div></li><li><code>options</code> : Object<div class="sub-desc">(optional) An object containing handler configuration.
 877 properties. This may contain any of the following properties:<ul>
 878 <li><b>scope</b> : Object<div class="sub-desc">The scope (<code><b>this</b></code> reference) in which the handler function is executed.
 879 <b>If omitted, defaults to the object which fired the event.</b></div></li>
 880 <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>
 881 <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>
 882 <li><b>buffer</b> : Number<div class="sub-desc">Causes the handler to be scheduled to run in an <a href="output/Ext.util.DelayedTask.html" ext:cls="Ext.util.DelayedTask">Ext.util.DelayedTask</a> delayed
 883 by the specified number of milliseconds. If the event fires again within that time, the original
 884 handler is <em>not</em> invoked, but the new handler is scheduled in its place.</div></li>
 885 <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>
 886 if the event was bubbled up from a child Observable.</div></li>
 887 </ul><br>
 888 <p>
 889 <b>Combining Options</b><br>
 890 Using the options argument, it is possible to combine different types of listeners:<br>
 891 <br>
 892 A delayed, one-time listener.
 893 <pre><code>myDataView.on(<em>'click'</em>, this.onClick, this, {
 894 single: true,
 895 delay: 100
 896 });</code></pre>
 897 <p>
 898 <b>Attaching multiple handlers in 1 call</b><br>
 899 The method also allows for a single argument to be passed which is a config object containing properties
 900 which specify multiple handlers.
 901 <p>
 902 <pre><code>myGridPanel.on({
 903 <em>'click'</em> : {
 904     fn: this.onClick,
 905     scope: this,
 906     delay: 100
 907 },
 908 <em>'mouseover'</em> : {
 909     fn: this.onMouseOver,
 910     scope: this
 911 },
 912 <em>'mouseout'</em> : {
 913     fn: this.onMouseOut,
 914     scope: this
 915 }
 916 });</code></pre>
 917 <p>
 918 Or a shorthand syntax:<br>
 919 <pre><code>myGridPanel.on({
 920 <em>'click'</em> : this.onClick,
 921 <em>'mouseover'</em> : this.onMouseOver,
 922 <em>'mouseout'</em> : this.onMouseOut,
 923  scope: this
 924 });</code></pre></div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.util.Observable.html#addListener" ext:member="#addListener" ext:cls="Ext.util.Observable">Observable</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Container-bubble"></a><b><a href="source/Container.html#method-Ext.Container-bubble">bubble</a></b>(&nbsp;<code>Function&nbsp;fn</code>,&nbsp;<span title="Optional" class="optional">[<code>Object&nbsp;scope</code>]</span>,&nbsp;<span title="Optional" class="optional">[<code>Array&nbsp;args</code>]</span>&nbsp;)\r
 925     :\r
 926                                         Ext.Container<div class="mdesc"><div class="short">Bubbles up the component/container heirarchy, calling the specified function with each component. The scope (this) of...</div><div class="long">Bubbles up the component/container heirarchy, calling the specified function with each component. The scope (<i>this</i>) of\r
 927 function call will be the scope provided or the current component. The arguments to the function\r
 928 will be the args provided or the current component. If the function returns false at any point,\r
 929 the bubble is stopped.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>fn</code> : Function<div class="sub-desc">The function to call</div></li><li><code>scope</code> : Object<div class="sub-desc">(optional) The scope of the function (defaults to current node)</div></li><li><code>args</code> : Array<div class="sub-desc">(optional) The args to call the function with (default to passing the current component)</div></li></ul><strong>Returns:</strong><ul><li><code>Ext.Container</code><div class="sub-desc">this</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Container.html#bubble" ext:member="#bubble" ext:cls="Ext.Container">Container</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Component-cloneConfig"></a><b><a href="source/Component.html#method-Ext.Component-cloneConfig">cloneConfig</a></b>(&nbsp;<code>Object&nbsp;overrides</code>&nbsp;)\r
 930     :\r
 931                                         Ext.Component<div class="mdesc"><div class="short">Clone the current component using the original config values passed into this instance by default.</div><div class="long">Clone the current component using the original config values passed into this instance by default.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>overrides</code> : Object<div class="sub-desc">A new config containing any properties to override in the cloned version.
 932 An id property can be passed on this object, otherwise one will be generated to avoid duplicates.</div></li></ul><strong>Returns:</strong><ul><li><code>Ext.Component</code><div class="sub-desc">clone The cloned copy of this component</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Component.html#cloneConfig" ext:member="#cloneConfig" ext:cls="Ext.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Panel-collapse"></a><b><a href="source/Panel.html#method-Ext.Panel-collapse">collapse</a></b>(&nbsp;<code>Boolean&nbsp;animate</code>&nbsp;)\r
 933     :\r
 934                                         Ext.Panel<div class="mdesc"><div class="short">Collapses the panel body so that it becomes hidden.  Fires the beforecollapse event which will\r
 935 cancel the collapse ac...</div><div class="long">Collapses the panel body so that it becomes hidden.  Fires the <a href="output/Ext.Panel.html#Ext.Panel-beforecollapse" ext:member="beforecollapse" ext:cls="Ext.Panel">beforecollapse</a> event which will
 936 cancel the collapse action if it returns false.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>animate</code> : Boolean<div class="sub-desc">True to animate the transition, else false (defaults to the value of the
 937 <a href="output/Ext.Panel.html#Ext.Panel-animCollapse" ext:member="animCollapse" ext:cls="Ext.Panel">animCollapse</a> panel config)</div></li></ul><strong>Returns:</strong><ul><li><code>Ext.Panel</code><div class="sub-desc">this</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Panel.html#collapse" ext:member="#collapse" ext:cls="Ext.Panel">Panel</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Component-destroy"></a><b><a href="source/Component.html#method-Ext.Component-destroy">destroy</a></b>()\r
 938     :\r
 939                                         void<div class="mdesc"><div class="short">Destroys this component by purging any event listeners, removing the component's element from the DOM,\r
 940 removing the c...</div><div class="long">Destroys this component by purging any event listeners, removing the component's element from the DOM,
 941 removing the component from its <a href="output/Ext.Container.html" ext:cls="Ext.Container">Ext.Container</a> (if applicable) and unregistering it from
 942 <a href="output/Ext.ComponentMgr.html" ext:cls="Ext.ComponentMgr">Ext.ComponentMgr</a>.  Destruction is generally handled automatically by the framework and this method
 943 should usually not need to be called directly.<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Component.html#destroy" ext:member="#destroy" ext:cls="Ext.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.util.Observable-enableBubble"></a><b><a href="source/Observable-more.html#method-Ext.util.Observable-enableBubble">enableBubble</a></b>(&nbsp;<code>Object&nbsp;events</code>&nbsp;)\r
 944     :\r
 945                                         void<div class="mdesc"><div class="short">Enables events fired by this Observable to bubble up an owner hierarchy by calling&#13;\r
 946 this.getBubbleTarget() if present...</div><div class="long"><p>Enables events fired by this Observable to bubble up an owner hierarchy by calling\r
 947 <code>this.getBubbleTarget()</code> if present. There is no implementation in the Observable base class.</p>\r
 948 <p>This is commonly used by Ext.Components to bubble events to owner Containers. See <a href="output/Ext.Component.getBubbleTarget.html" ext:cls="Ext.Component.getBubbleTarget">Ext.Component.getBubbleTarget</a>. The default\r
 949 implementation in Ext.Component returns the Component's immediate owner. But if a known target is required, this can be overridden to\r
 950 access the required target more quickly.</p>\r
 951 <p>Example:</p><pre><code>Ext.override(Ext.form.Field, {\r
 952 <i>//  Add functionality to Field<em>'s initComponent to enable the change event to bubble\r</i>
 953     initComponent: Ext.form.Field.prototype.initComponent.createSequence(<b>function</b>() {\r
 954         this.enableBubble('</em>change<em>');\r
 955     }),\r
 956 \r
 957 <i>//  We know that we want Field'</em>s events to bubble directly to the FormPanel.\r</i>
 958     getBubbleTarget: <b>function</b>() {\r
 959         <b>if</b> (!this.formPanel) {\r
 960             this.formPanel = this.findParentByType(<em>'form'</em>);\r
 961         }\r
 962         <b>return</b> this.formPanel;\r
 963     }\r
 964 });\r
 965 \r
 966 <b>var</b> myForm = <b>new</b> Ext.formPanel({\r
 967     title: <em>'User Details'</em>,\r
 968     items: [{\r
 969         ...\r
 970     }],\r
 971     listeners: {\r
 972         change: <b>function</b>() {\r
 973 <i>//          Title goes red <b>if</b> form has been modified.\r</i>
 974             myForm.header.setStyle(<em>"color"</em>, <em>"red"</em>);\r
 975         }\r
 976     }\r
 977 });</code></pre><div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>events</code> : Object<div class="sub-desc">The event name to bubble, or an Array of event names.</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.util.Observable.html#enableBubble" ext:member="#enableBubble" ext:cls="Ext.util.Observable">Observable</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Panel-expand"></a><b><a href="source/Panel.html#method-Ext.Panel-expand">expand</a></b>(&nbsp;<code>Boolean&nbsp;animate</code>&nbsp;)\r
 978     :\r
 979                                         Ext.Panel<div class="mdesc"><div class="short">Expands the panel body so that it becomes visible.  Fires the beforeexpand event which will\r
 980 cancel the expand action ...</div><div class="long">Expands the panel body so that it becomes visible.  Fires the <a href="output/Ext.Panel.html#Ext.Panel-beforeexpand" ext:member="beforeexpand" ext:cls="Ext.Panel">beforeexpand</a> event which will
 981 cancel the expand action if it returns false.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>animate</code> : Boolean<div class="sub-desc">True to animate the transition, else false (defaults to the value of the
 982 <a href="output/Ext.Panel.html#Ext.Panel-animCollapse" ext:member="animCollapse" ext:cls="Ext.Panel">animCollapse</a> panel config)</div></li></ul><strong>Returns:</strong><ul><li><code>Ext.Panel</code><div class="sub-desc">this</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Panel.html#expand" ext:member="#expand" ext:cls="Ext.Panel">Panel</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Component-findParentBy"></a><b><a href="source/Component.html#method-Ext.Component-findParentBy">findParentBy</a></b>(&nbsp;<code>Function&nbsp;fn</code>&nbsp;)\r
 983     :\r
 984                                         Ext.Container<div class="mdesc"><div class="short">Find a container above this component at any level by a custom function. If the passed function returns\r
 985 true, the con...</div><div class="long">Find a container above this component at any level by a custom function. If the passed function returns
 986 true, the container will be returned.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>fn</code> : Function<div class="sub-desc">The custom function to call with the arguments (container, this component).</div></li></ul><strong>Returns:</strong><ul><li><code>Ext.Container</code><div class="sub-desc">The first Container for which the custom function returns true</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Component.html#findParentBy" ext:member="#findParentBy" ext:cls="Ext.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Component-findParentByType"></a><b><a href="source/Component.html#method-Ext.Component-findParentByType">findParentByType</a></b>(&nbsp;<code>String/Class&nbsp;xtype</code>&nbsp;)\r
 987     :\r
 988                                         Ext.Container<div class="mdesc"><div class="short">Find a container above this component at any level by xtype or class</div><div class="long">Find a container above this component at any level by xtype or class<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>xtype</code> : String/Class<div class="sub-desc">The xtype string for a component, or the class of the component directly</div></li></ul><strong>Returns:</strong><ul><li><code>Ext.Container</code><div class="sub-desc">The first Container which matches the given xtype or class</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Component.html#findParentByType" ext:member="#findParentByType" ext:cls="Ext.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.util.Observable-fireEvent"></a><b><a href="source/Observable.html#method-Ext.util.Observable-fireEvent">fireEvent</a></b>(&nbsp;<code>String&nbsp;eventName</code>,&nbsp;<code>Object...&nbsp;args</code>&nbsp;)\r
 989     :\r
 990                                         Boolean<div class="mdesc"><div class="short">Fires the specified event with the passed parameters (minus the event name).\r
 991 An event may be set to bubble up an Obse...</div><div class="long"><p>Fires the specified event with the passed parameters (minus the event name).</p>
 992 <p>An event may be set to bubble up an Observable parent hierarchy (See <a href="output/Ext.Component.html#Ext.Component-getBubbleTarget" ext:member="getBubbleTarget" ext:cls="Ext.Component">Ext.Component.getBubbleTarget</a>)
 993 by calling <a href="output/Ext.util.Observable.html#Ext.util.Observable-enableBubble" ext:member="enableBubble" ext:cls="Ext.util.Observable">enableBubble</a>.</p><div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>eventName</code> : String<div class="sub-desc">The name of the event to fire.</div></li><li><code>args</code> : Object...<div class="sub-desc">Variable number of parameters are passed to handlers.</div></li></ul><strong>Returns:</strong><ul><li><code>Boolean</code><div class="sub-desc">returns false if any of the handlers return false otherwise it returns true.</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.util.Observable.html#fireEvent" ext:member="#fireEvent" ext:cls="Ext.util.Observable">Observable</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Component-focus"></a><b><a href="source/Component.html#method-Ext.Component-focus">focus</a></b>(&nbsp;<span title="Optional" class="optional">[<code>Boolean&nbsp;selectText</code>]</span>,&nbsp;<span title="Optional" class="optional">[<code>Boolean/Number&nbsp;delay</code>]</span>&nbsp;)\r
 994     :\r
 995                                         Ext.Component<div class="mdesc"><div class="short">Try to focus this component.</div><div class="long">Try to focus this component.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>selectText</code> : Boolean<div class="sub-desc">(optional) If applicable, true to also select the text in this component</div></li><li><code>delay</code> : Boolean/Number<div class="sub-desc">(optional) Delay the focus this number of milliseconds (true for 10 milliseconds)</div></li></ul><strong>Returns:</strong><ul><li><code>Ext.Component</code><div class="sub-desc">this</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Component.html#focus" ext:member="#focus" ext:cls="Ext.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Container-get"></a><b><a href="source/Container.html#method-Ext.Container-get">get</a></b>(&nbsp;<code>String/Number&nbsp;key</code>&nbsp;)\r
 996     :\r
 997                                         Ext.Component<div class="mdesc"><div class="short">Get a component contained by this container (alias for items.get(key))</div><div class="long">Get a component contained by this container (alias for items.get(key))<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>key</code> : String/Number<div class="sub-desc">The index or id of the component</div></li></ul><strong>Returns:</strong><ul><li><code>Ext.Component</code><div class="sub-desc">Ext.Component</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Container.html#get" ext:member="#get" ext:cls="Ext.Container">Container</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Panel-getBottomToolbar"></a><b><a href="source/Panel.html#method-Ext.Panel-getBottomToolbar">getBottomToolbar</a></b>()\r
 998     :\r
 999                                         Ext.Toolbar<div class="mdesc"><div class="short">Returns the toolbar from the bottom (bbar) section of the panel.</div><div class="long">Returns the <a href="output/Ext.Toolbar.html" ext:cls="Ext.Toolbar">toolbar</a> from the bottom (<code><a href="output/Ext.Panel.html#Ext.Panel-bbar" ext:member="bbar" ext:cls="Ext.Panel">bbar</a></code>) section of the panel.<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li><code>Ext.Toolbar</code><div class="sub-desc">The toolbar</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Panel.html#getBottomToolbar" ext:member="#getBottomToolbar" ext:cls="Ext.Panel">Panel</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.BoxComponent-getBox"></a><b><a href="source/BoxComponent.html#method-Ext.BoxComponent-getBox">getBox</a></b>(&nbsp;<span title="Optional" class="optional">[<code>Boolean&nbsp;local</code>]</span>&nbsp;)\r
1000     :\r
1001                                         Object<div class="mdesc"><div class="short">Gets the current box measurements of the component's underlying element.</div><div class="long">Gets the current box measurements of the component's underlying element.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>local</code> : Boolean<div class="sub-desc">(optional) If true the element's left and top are returned instead of page XY (defaults to false)</div></li></ul><strong>Returns:</strong><ul><li><code>Object</code><div class="sub-desc">box An object in the format {x, y, width, height}</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.BoxComponent.html#getBox" ext:member="#getBox" ext:cls="Ext.BoxComponent">BoxComponent</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Component-getBubbleTarget"></a><b><a href="source/Component.html#method-Ext.Component-getBubbleTarget">getBubbleTarget</a></b>()\r
1002     :\r
1003                                         Ext.Container<div class="mdesc"><div class="short">Provides the link for Observable's fireEvent method to bubble up the ownership hierarchy.</div><div class="long">Provides the link for Observable's fireEvent method to bubble up the ownership hierarchy.<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li><code>Ext.Container</code><div class="sub-desc">the Container which owns this Component.</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Component.html#getBubbleTarget" ext:member="#getBubbleTarget" ext:cls="Ext.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.grid.GridPanel-getColumnModel"></a><b><a href="source/GridPanel.html#method-Ext.grid.GridPanel-getColumnModel">getColumnModel</a></b>()\r
1004     :\r
1005                                         Ext.grid.ColumnModel<div class="mdesc"><div class="short">Returns the grid's ColumnModel.</div><div class="long">Returns the grid's ColumnModel.<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li><code>Ext.grid.ColumnModel</code><div class="sub-desc">The column model</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.grid.GridPanel.html#getColumnModel" ext:member="#getColumnModel" ext:cls="Ext.grid.GridPanel">GridPanel</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.grid.GridPanel-getDragDropText"></a><b><a href="source/GridPanel.html#method-Ext.grid.GridPanel-getDragDropText">getDragDropText</a></b>()\r
1006     :\r
1007                                         String<div class="mdesc"><div class="short">Called to get grid's drag proxy text, by default returns this.ddText.</div><div class="long">Called to get grid's drag proxy text, by default returns this.ddText.<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li><code>String</code><div class="sub-desc">The text</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.grid.GridPanel.html#getDragDropText" ext:member="#getDragDropText" ext:cls="Ext.grid.GridPanel">GridPanel</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Component-getEl"></a><b><a href="source/Component.html#method-Ext.Component-getEl">getEl</a></b>()\r
1008     :\r
1009                                         Ext.Element<div class="mdesc"><div class="short">Returns the Ext.Element which encapsulates this Component.\r
1010 This will usually be a &amp;lt;DIV&gt; element created by the cla...</div><div class="long"><p>Returns the <a href="output/Ext.Element.html" ext:cls="Ext.Element">Ext.Element</a> which encapsulates this Component.</p>
1011 <p>This will <i>usually</i> be a &lt;DIV> element created by the class's onRender method, but
1012 that may be overridden using the <a href="output/Ext.Component.html#Ext.Component-autoEl" ext:member="autoEl" ext:cls="Ext.Component">autoEl</a> config.</p>
1013 <br><p><b>Note</b>: this element will not be available until this Component has been rendered.</p><br>
1014 <p>To add listeners for <b>DOM events</b> to this Component (as opposed to listeners
1015 for this Component's own Observable events), see the <a href="output/Ext.Component.html#Ext.Component-listeners" ext:member="listeners" ext:cls="Ext.Component">listeners</a> config for a suggestion,
1016 or use a render listener directly:</p><pre><code><b>new</b> Ext.Panel({
1017     title: <em>'The Clickable Panel'</em>,
1018     listeners: {
1019         render: <b>function</b>(p) {
1020             <i>// Append the Panel to the click handler&#39;s argument list.</i>
1021             p.getEl().on(<em>'click'</em>, handlePanelClick.createDelegate(null, [p], true));
1022         },
1023         single: true  <i>// Remove the listener after first invocation</i>
1024     }
1025 });</code></pre><div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li><code>Ext.Element</code><div class="sub-desc">The Element which encapsulates this Component.</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Component.html#getEl" ext:member="#getEl" ext:cls="Ext.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Panel-getFrameHeight"></a><b><a href="source/Panel.html#method-Ext.Panel-getFrameHeight">getFrameHeight</a></b>()\r
1026     :\r
1027                                         Number<div class="mdesc"><div class="short">Returns the height in pixels of the framing elements of this panel (including any top and bottom bars and\r
1028 header and ...</div><div class="long">Returns the height in pixels of the framing elements of this panel (including any top and bottom bars and
1029 header and footer elements, but not including the body height).  To retrieve the body height see <a href="output/Ext.Panel.html#Ext.Panel-getInnerHeight" ext:member="getInnerHeight" ext:cls="Ext.Panel">getInnerHeight</a>.<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li><code>Number</code><div class="sub-desc">The frame height</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Panel.html#getFrameHeight" ext:member="#getFrameHeight" ext:cls="Ext.Panel">Panel</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Panel-getFrameWidth"></a><b><a href="source/Panel.html#method-Ext.Panel-getFrameWidth">getFrameWidth</a></b>()\r
1030     :\r
1031                                         Number<div class="mdesc"><div class="short">Returns the width in pixels of the framing elements of this panel (not including the body width).  To\r
1032 retrieve the bo...</div><div class="long">Returns the width in pixels of the framing elements of this panel (not including the body width).  To
1033 retrieve the body width see <a href="output/Ext.Panel.html#Ext.Panel-getInnerWidth" ext:member="getInnerWidth" ext:cls="Ext.Panel">getInnerWidth</a>.<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li><code>Number</code><div class="sub-desc">The frame width</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Panel.html#getFrameWidth" ext:member="#getFrameWidth" ext:cls="Ext.Panel">Panel</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.grid.GridPanel-getGridEl"></a><b><a href="source/GridPanel.html#method-Ext.grid.GridPanel-getGridEl">getGridEl</a></b>()\r
1034     :\r
1035                                         Element<div class="mdesc"><div class="short">Returns the grid's underlying element.</div><div class="long">Returns the grid's underlying element.<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li><code>Element</code><div class="sub-desc">The element</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.grid.GridPanel.html#getGridEl" ext:member="#getGridEl" ext:cls="Ext.grid.GridPanel">GridPanel</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.BoxComponent-getHeight"></a><b><a href="source/BoxComponent.html#method-Ext.BoxComponent-getHeight">getHeight</a></b>()\r
1036     :\r
1037                                         Number<div class="mdesc"><div class="short">Gets the current height of the component's underlying element.</div><div class="long">Gets the current height of the component's underlying element.<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li><code>Number</code><div class="sub-desc"></div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.BoxComponent.html#getHeight" ext:member="#getHeight" ext:cls="Ext.BoxComponent">BoxComponent</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Component-getId"></a><b><a href="source/Component.html#method-Ext.Component-getId">getId</a></b>()\r
1038     :\r
1039                                         String<div class="mdesc"><div class="short">Returns the id of this component or automatically generates and\r
1040 returns an id if an id is not defined yet:'ext-comp-'...</div><div class="long">Returns the <code>id</code> of this component or automatically generates and
1041 returns an <code>id</code> if an <code>id</code> is not defined yet:<pre><code><em>'ext-comp-'</em> + (++Ext.Component.AUTO_ID)</code></pre><div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li><code>String</code><div class="sub-desc">id</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Component.html#getId" ext:member="#getId" ext:cls="Ext.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Panel-getInnerHeight"></a><b><a href="source/Panel.html#method-Ext.Panel-getInnerHeight">getInnerHeight</a></b>()\r
1042     :\r
1043                                         Number<div class="mdesc"><div class="short">Returns the height in pixels of the body element (not including the height of any framing elements).\r
1044 For the frame he...</div><div class="long">Returns the height in pixels of the body element (not including the height of any framing elements).
1045 For the frame height see <a href="output/Ext.Panel.html#Ext.Panel-getFrameHeight" ext:member="getFrameHeight" ext:cls="Ext.Panel">getFrameHeight</a>.<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li><code>Number</code><div class="sub-desc">The body height</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Panel.html#getInnerHeight" ext:member="#getInnerHeight" ext:cls="Ext.Panel">Panel</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Panel-getInnerWidth"></a><b><a href="source/Panel.html#method-Ext.Panel-getInnerWidth">getInnerWidth</a></b>()\r
1046     :\r
1047                                         Number<div class="mdesc"><div class="short">Returns the width in pixels of the body element (not including the width of any framing elements).\r
1048 For the frame widt...</div><div class="long">Returns the width in pixels of the body element (not including the width of any framing elements).
1049 For the frame width see <a href="output/Ext.Panel.html#Ext.Panel-getFrameWidth" ext:member="getFrameWidth" ext:cls="Ext.Panel">getFrameWidth</a>.<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li><code>Number</code><div class="sub-desc">The body width</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Panel.html#getInnerWidth" ext:member="#getInnerWidth" ext:cls="Ext.Panel">Panel</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Component-getItemId"></a><b><a href="source/Component.html#method-Ext.Component-getItemId">getItemId</a></b>()\r
1050     :\r
1051                                         String<div class="mdesc"><div class="short">Returns the itemId of this component.  If an\r
1052 itemId was not assigned through configuration the\r
1053 id is returned using g...</div><div class="long">Returns the <code><a href="output/Ext.Component.html#Ext.Component-itemId" ext:member="itemId" ext:cls="Ext.Component">itemId</a></code> of this component.  If an
1054 <code><a href="output/Ext.Component.html#Ext.Component-itemId" ext:member="itemId" ext:cls="Ext.Component">itemId</a></code> was not assigned through configuration the
1055 <code>id</code> is returned using <code><a href="output/Ext.Component.html#Ext.Component-getId" ext:member="getId" ext:cls="Ext.Component">getId</a></code>.<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li><code>String</code><div class="sub-desc"></div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Component.html#getItemId" ext:member="#getItemId" ext:cls="Ext.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Container-getLayoutTarget"></a><b><a href="source/Container.html#method-Ext.Container-getLayoutTarget">getLayoutTarget</a></b>()\r
1056     :\r
1057                                         Ext.Element<div class="mdesc"><div class="short">Returns the Element to be used to contain the child Components of this Container.&#13;\r
1058 An implementation is provided whic...</div><div class="long"><p>Returns the Element to be used to contain the child Components of this Container.</p>\r
1059 <p>An implementation is provided which returns the Container's <a href="output/Ext.Container.html#Ext.Container-getEl" ext:member="getEl" ext:cls="Ext.Container">Element</a>, but\r
1060 if there is a more complex structure to a Container, this may be overridden to return\r
1061 the element into which the <a href="output/Ext.Container.html#Ext.Container-layout" ext:member="layout" ext:cls="Ext.Container">layout</a> renders child Components.</p><div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li><code>Ext.Element</code><div class="sub-desc">The Element to render child Components into.</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Container.html#getLayoutTarget" ext:member="#getLayoutTarget" ext:cls="Ext.Container">Container</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.BoxComponent-getOuterSize"></a><b><a href="source/BoxComponent.html#method-Ext.BoxComponent-getOuterSize">getOuterSize</a></b>()\r
1062     :\r
1063                                         Object<div class="mdesc"><div class="short">Gets the current size of the component's underlying element, including space taken by its margins.</div><div class="long">Gets the current size of the component's underlying element, including space taken by its margins.<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li><code>Object</code><div class="sub-desc">An object containing the element's size {width: (element width + left/right margins), height: (element height + top/bottom margins)}</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.BoxComponent.html#getOuterSize" ext:member="#getOuterSize" ext:cls="Ext.BoxComponent">BoxComponent</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.BoxComponent-getPosition"></a><b><a href="source/BoxComponent.html#method-Ext.BoxComponent-getPosition">getPosition</a></b>(&nbsp;<span title="Optional" class="optional">[<code>Boolean&nbsp;local</code>]</span>&nbsp;)\r
1064     :\r
1065                                         Array<div class="mdesc"><div class="short">Gets the current XY position of the component's underlying element.</div><div class="long">Gets the current XY position of the component's underlying element.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>local</code> : Boolean<div class="sub-desc">(optional) If true the element's left and top are returned instead of page XY (defaults to false)</div></li></ul><strong>Returns:</strong><ul><li><code>Array</code><div class="sub-desc">The XY position of the element (e.g., [100, 200])</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.BoxComponent.html#getPosition" ext:member="#getPosition" ext:cls="Ext.BoxComponent">BoxComponent</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.BoxComponent-getResizeEl"></a><b><a href="source/BoxComponent.html#method-Ext.BoxComponent-getResizeEl">getResizeEl</a></b>()\r
1066     :\r
1067                                         void<div class="mdesc"><div class="short">Returns the outermost Element of this Component which defines the Components overall size.\r
1068 Usually this will return t...</div><div class="long"><p>Returns the outermost Element of this Component which defines the Components overall size.</p>
1069 <p><i>Usually</i> this will return the same Element as <code><a href="output/Ext.BoxComponent.html#Ext.BoxComponent-getEl" ext:member="getEl" ext:cls="Ext.BoxComponent">getEl</a></code>,
1070 but in some cases, a Component may have some more wrapping Elements around its main
1071 active Element.</p>
1072 <p>An example is a ComboBox. It is encased in a <i>wrapping</i> Element which
1073 contains both the <code>&lt;input></code> Element (which is what would be returned
1074 by its <code><a href="output/Ext.BoxComponent.html#Ext.BoxComponent-getEl" ext:member="getEl" ext:cls="Ext.BoxComponent">getEl</a></code> method, <i>and</i> the trigger button Element.
1075 This Element is returned as the <code>resizeEl</code>.<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.BoxComponent.html#getResizeEl" ext:member="#getResizeEl" ext:cls="Ext.BoxComponent">BoxComponent</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.grid.GridPanel-getSelectionModel"></a><b><a href="source/GridPanel.html#method-Ext.grid.GridPanel-getSelectionModel">getSelectionModel</a></b>()\r
1076     :\r
1077                                         SelectionModel<div class="mdesc"><div class="short">Returns the grid's selection model configured by the selModel&#13;\r
1078 configuration option. If no selection model was config...</div><div class="long">Returns the grid's selection model configured by the <code><a href="output/Ext.grid.GridPanel.html#Ext.grid.GridPanel-selModel" ext:member="selModel" ext:cls="Ext.grid.GridPanel">selModel</a></code>\r
1079 configuration option. If no selection model was configured, this will create\r
1080 and return a <a href="output/Ext.grid.RowSelectionModel.html" ext:cls="Ext.grid.RowSelectionModel">RowSelectionModel</a>.<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li><code>SelectionModel</code><div class="sub-desc"></div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.grid.GridPanel.html#getSelectionModel" ext:member="#getSelectionModel" ext:cls="Ext.grid.GridPanel">GridPanel</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.BoxComponent-getSize"></a><b><a href="source/BoxComponent.html#method-Ext.BoxComponent-getSize">getSize</a></b>()\r
1081     :\r
1082                                         Object<div class="mdesc"><div class="short">Gets the current size of the component's underlying element.</div><div class="long">Gets the current size of the component's underlying element.<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li><code>Object</code><div class="sub-desc">An object containing the element's size {width: (element width), height: (element height)}</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.BoxComponent.html#getSize" ext:member="#getSize" ext:cls="Ext.BoxComponent">BoxComponent</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.grid.GridPanel-getStore"></a><b><a href="source/GridPanel.html#method-Ext.grid.GridPanel-getStore">getStore</a></b>()\r
1083     :\r
1084                                         Ext.data.Store<div class="mdesc"><div class="short">Returns the grid's data store.</div><div class="long">Returns the grid's data store.<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li><code>Ext.data.Store</code><div class="sub-desc">The store</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.grid.GridPanel.html#getStore" ext:member="#getStore" ext:cls="Ext.grid.GridPanel">GridPanel</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Panel-getTool"></a><b><a href="source/Panel.html#method-Ext.Panel-getTool">getTool</a></b>(&nbsp;<code>String&nbsp;id</code>&nbsp;)\r
1085     :\r
1086                                         Object<div class="mdesc"><div class="short">Retrieve a tool by id.</div><div class="long">Retrieve a tool by id.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>id</code> : String<div class="sub-desc"></div></li></ul><strong>Returns:</strong><ul><li><code>Object</code><div class="sub-desc">tool</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Panel.html#getTool" ext:member="#getTool" ext:cls="Ext.Panel">Panel</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Panel-getTopToolbar"></a><b><a href="source/Panel.html#method-Ext.Panel-getTopToolbar">getTopToolbar</a></b>()\r
1087     :\r
1088                                         Ext.Toolbar<div class="mdesc"><div class="short">Returns the toolbar from the top (tbar) section of the panel.</div><div class="long">Returns the <a href="output/Ext.Toolbar.html" ext:cls="Ext.Toolbar">toolbar</a> from the top (<code><a href="output/Ext.Panel.html#Ext.Panel-tbar" ext:member="tbar" ext:cls="Ext.Panel">tbar</a></code>) section of the panel.<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li><code>Ext.Toolbar</code><div class="sub-desc">The toolbar</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Panel.html#getTopToolbar" ext:member="#getTopToolbar" ext:cls="Ext.Panel">Panel</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.grid.GridPanel-getView"></a><b><a href="source/GridPanel.html#method-Ext.grid.GridPanel-getView">getView</a></b>()\r
1089     :\r
1090                                         Ext.grid.GridView<div class="mdesc"><div class="short">Returns the grid's GridView object.</div><div class="long">Returns the grid's GridView object.<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li><code>Ext.grid.GridView</code><div class="sub-desc">The grid view</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.grid.GridPanel.html#getView" ext:member="#getView" ext:cls="Ext.grid.GridPanel">GridPanel</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.BoxComponent-getWidth"></a><b><a href="source/BoxComponent.html#method-Ext.BoxComponent-getWidth">getWidth</a></b>()\r
1091     :\r
1092                                         Number<div class="mdesc"><div class="short">Gets the current width of the component's underlying element.</div><div class="long">Gets the current width of the component's underlying element.<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li><code>Number</code><div class="sub-desc"></div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.BoxComponent.html#getWidth" ext:member="#getWidth" ext:cls="Ext.BoxComponent">BoxComponent</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Component-getXType"></a><b><a href="source/Component.html#method-Ext.Component-getXType">getXType</a></b>()\r
1093     :\r
1094                                         String<div class="mdesc"><div class="short">Gets the xtype for this component as registered with Ext.ComponentMgr. For a list of all\r
1095 available xtypes, see the Ex...</div><div class="long">Gets the xtype for this component as registered with <a href="output/Ext.ComponentMgr.html" ext:cls="Ext.ComponentMgr">Ext.ComponentMgr</a>. For a list of all
1096 available xtypes, see the <a href="output/Ext.Component.html" ext:cls="Ext.Component">Ext.Component</a> header. Example usage:
1097 <pre><code><b>var</b> t = <b>new</b> Ext.form.TextField();
1098 alert(t.getXType());  <i>// alerts <em>'textfield'</em></i></code></pre><div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li><code>String</code><div class="sub-desc">The xtype</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Component.html#getXType" ext:member="#getXType" ext:cls="Ext.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Component-getXTypes"></a><b><a href="source/Component.html#method-Ext.Component-getXTypes">getXTypes</a></b>()\r
1099     :\r
1100                                         String<div class="mdesc"><div class="short">Returns this Component's xtype hierarchy as a slash-delimited string. For a list of all\r
1101 available xtypes, see the Ext...</div><div class="long"><p>Returns this Component's xtype hierarchy as a slash-delimited string. For a list of all
1102 available xtypes, see the <a href="output/Ext.Component.html" ext:cls="Ext.Component">Ext.Component</a> header.</p>
1103 <p><b>If using your own subclasses, be aware that a Component must register its own xtype
1104 to participate in determination of inherited xtypes.</b></p>
1105 <p>Example usage:</p>
1106 <pre><code><b>var</b> t = <b>new</b> Ext.form.TextField();
1107 alert(t.getXTypes());  <i>// alerts <em>'component/box/field/textfield'</em></i></code></pre><div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li><code>String</code><div class="sub-desc">The xtype hierarchy string</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Component.html#getXTypes" ext:member="#getXTypes" ext:cls="Ext.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.util.Observable-hasListener"></a><b><a href="source/Observable.html#method-Ext.util.Observable-hasListener">hasListener</a></b>(&nbsp;<code>String&nbsp;eventName</code>&nbsp;)\r
1108     :\r
1109                                         Boolean<div class="mdesc"><div class="short">Checks to see if this object has any listeners for a specified event</div><div class="long">Checks to see if this object has any listeners for a specified event<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>eventName</code> : String<div class="sub-desc">The name of the event to check for</div></li></ul><strong>Returns:</strong><ul><li><code>Boolean</code><div class="sub-desc">True if the event is being listened for, else false</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.util.Observable.html#hasListener" ext:member="#hasListener" ext:cls="Ext.util.Observable">Observable</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Component-hide"></a><b><a href="source/Component.html#method-Ext.Component-hide">hide</a></b>()\r
1110     :\r
1111                                         Ext.Component<div class="mdesc"><div class="short">Hide this component.  Listen to the 'beforehide' event and return\r
1112 false to cancel hiding the component.  Fires the 'h...</div><div class="long">Hide this component.  Listen to the '<a href="output/Ext.Component.html#Ext.Component-beforehide" ext:member="beforehide" ext:cls="Ext.Component">beforehide</a>' event and return
1113 <tt>false</tt> to cancel hiding the component.  Fires the '<a href="output/Ext.Component.html#Ext.Component-hide" ext:member="hide" ext:cls="Ext.Component">hide</a>'
1114 event after hiding the component. Note this method is called internally if
1115 the component is configured to be <code><a href="output/Ext.Component.html#Ext.Component-hidden" ext:member="hidden" ext:cls="Ext.Component">hidden</a></code>.<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li><code>Ext.Component</code><div class="sub-desc">this</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Component.html#hide" ext:member="#hide" ext:cls="Ext.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Component-isVisible"></a><b><a href="source/Component.html#method-Ext.Component-isVisible">isVisible</a></b>()\r
1116     :\r
1117                                         Boolean<div class="mdesc"><div class="short">Returns true if this component is visible.</div><div class="long">Returns true if this component is visible.<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li><code>Boolean</code><div class="sub-desc">True if this component is visible, false otherwise.</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Component.html#isVisible" ext:member="#isVisible" ext:cls="Ext.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Component-isXType"></a><b><a href="source/Component.html#method-Ext.Component-isXType">isXType</a></b>(&nbsp;<code>String&nbsp;xtype</code>,&nbsp;<span title="Optional" class="optional">[<code>Boolean&nbsp;shallow</code>]</span>&nbsp;)\r
1118     :\r
1119                                         Boolean<div class="mdesc"><div class="short">Tests whether or not this Component is of a specific xtype. This can test whether this Component is descended\r
1120 from th...</div><div class="long"><p>Tests whether or not this Component is of a specific xtype. This can test whether this Component is descended
1121 from the xtype (default) or whether it is directly of the xtype specified (shallow = true).</p>
1122 <p><b>If using your own subclasses, be aware that a Component must register its own xtype
1123 to participate in determination of inherited xtypes.</b></p>
1124 <p>For a list of all available xtypes, see the <a href="output/Ext.Component.html" ext:cls="Ext.Component">Ext.Component</a> header.</p>
1125 <p>Example usage:</p>
1126 <pre><code><b>var</b> t = <b>new</b> Ext.form.TextField();
1127 <b>var</b> isText = t.isXType(<em>'textfield'</em>);        <i>// true</i>
1128 <b>var</b> isBoxSubclass = t.isXType(<em>'box'</em>);       <i>// true, descended from BoxComponent</i>
1129 <b>var</b> isBoxInstance = t.isXType(<em>'box'</em>, true); <i>// false, not a direct BoxComponent instance</i></code></pre><div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>xtype</code> : String<div class="sub-desc">The xtype to check for this Component</div></li><li><code>shallow</code> : Boolean<div class="sub-desc">(optional) False to check whether this Component is descended from the xtype (this is
1130 the default), or true to check whether this Component is directly of the specified xtype.</div></li></ul><strong>Returns:</strong><ul><li><code>Boolean</code><div class="sub-desc">True if this component descends from the specified xtype, false otherwise.</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Component.html#isXType" ext:member="#isXType" ext:cls="Ext.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Component-nextSibling"></a><b><a href="source/Component.html#method-Ext.Component-nextSibling">nextSibling</a></b>()\r
1131     :\r
1132                                         Ext.Component<div class="mdesc"><div class="short">Returns the next component in the owning container</div><div class="long">Returns the next component in the owning container<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li><code>Ext.Component</code><div class="sub-desc"></div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Component.html#nextSibling" ext:member="#nextSibling" ext:cls="Ext.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.util.Observable-on"></a><b><a href="source/Observable.html#method-Ext.util.Observable-on">on</a></b>(&nbsp;<code>String&nbsp;eventName</code>,&nbsp;<code>Function&nbsp;handler</code>,&nbsp;<span title="Optional" class="optional">[<code>Object&nbsp;scope</code>]</span>,&nbsp;<span title="Optional" class="optional">[<code>Object&nbsp;options</code>]</span>&nbsp;)\r
1133     :\r
1134                                         void<div class="mdesc"><div class="short">Appends an event handler to this object (shorthand for addListener.)</div><div class="long">Appends an event handler to this object (shorthand for <a href="output/Ext.util.Observable.html#Ext.util.Observable-addListener" ext:member="addListener" ext:cls="Ext.util.Observable">addListener</a>.)<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>eventName</code> : String<div class="sub-desc">The type of event to listen for</div></li><li><code>handler</code> : Function<div class="sub-desc">The method the event invokes</div></li><li><code>scope</code> : Object<div class="sub-desc">(optional) The scope (<code><b>this</b></code> reference) in which the handler function is executed.
1135 <b>If omitted, defaults to the object which fired the event.</b></div></li><li><code>options</code> : Object<div class="sub-desc">(optional) An object containing handler configuration.</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.util.Observable.html#on" ext:member="#on" ext:cls="Ext.util.Observable">Observable</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Component-previousSibling"></a><b><a href="source/Component.html#method-Ext.Component-previousSibling">previousSibling</a></b>()\r
1136     :\r
1137                                         Ext.Component<div class="mdesc"><div class="short">Returns the previous component in the owning container</div><div class="long">Returns the previous component in the owning container<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li><code>Ext.Component</code><div class="sub-desc"></div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Component.html#previousSibling" ext:member="#previousSibling" ext:cls="Ext.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.util.Observable-purgeListeners"></a><b><a href="source/Observable.html#method-Ext.util.Observable-purgeListeners">purgeListeners</a></b>()\r
1138     :\r
1139                                         void<div class="mdesc"><div class="short">Removes all listeners for this object</div><div class="long">Removes all listeners for this object<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.util.Observable.html#purgeListeners" ext:member="#purgeListeners" ext:cls="Ext.util.Observable">Observable</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.grid.GridPanel-reconfigure"></a><b><a href="source/GridPanel.html#method-Ext.grid.GridPanel-reconfigure">reconfigure</a></b>(&nbsp;<code>Ext.data.Store&nbsp;store</code>,&nbsp;<code>Ext.grid.ColumnModel&nbsp;colModel</code>&nbsp;)\r
1140     :\r
1141                                         void<div class="mdesc"><div class="short">Reconfigures the grid to use a different Store and Column Model&#13;\r
1142 and fires the 'reconfigure' event. The View will be ...</div><div class="long"><p>Reconfigures the grid to use a different Store and Column Model\r
1143 and fires the 'reconfigure' event. The View will be bound to the new\r
1144 objects and refreshed.</p>\r
1145 <p>Be aware that upon reconfiguring a GridPanel, certain existing settings <i>may</i> become\r
1146 invalidated. For example the configured <a href="output/Ext.grid.GridPanel.html#Ext.grid.GridPanel-autoExpandColumn" ext:member="autoExpandColumn" ext:cls="Ext.grid.GridPanel">autoExpandColumn</a> may no longer exist in the\r
1147 new ColumnModel. Also, an existing <a href="output/Ext.PagingToolbar.html" ext:cls="Ext.PagingToolbar">PagingToolbar</a> will still be bound\r
1148 to the old Store, and will need rebinding. Any <a href="output/Ext.grid.GridPanel.html#Ext.grid.GridPanel-plugins" ext:member="plugins" ext:cls="Ext.grid.GridPanel">plugins</a> might also need reconfiguring\r
1149 with the new data.</p><div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>store</code> : Ext.data.Store<div class="sub-desc">The new <a href="output/Ext.data.Store.html" ext:cls="Ext.data.Store">Ext.data.Store</a> object</div></li><li><code>colModel</code> : Ext.grid.ColumnModel<div class="sub-desc">The new <a href="output/Ext.grid.ColumnModel.html" ext:cls="Ext.grid.ColumnModel">Ext.grid.ColumnModel</a> object</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.grid.GridPanel.html#reconfigure" ext:member="#reconfigure" ext:cls="Ext.grid.GridPanel">GridPanel</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.util.Observable-relayEvents"></a><b><a href="source/Observable-more.html#method-Ext.util.Observable-relayEvents">relayEvents</a></b>(&nbsp;<code>Object&nbsp;o</code>,&nbsp;<code>Array&nbsp;events</code>&nbsp;)\r
1150     :\r
1151                                         void<div class="mdesc"><div class="short">Relays selected events from the specified Observable as if the events were fired by this.</div><div class="long">Relays selected events from the specified Observable as if the events were fired by <tt><b>this</b></tt>.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>o</code> : Object<div class="sub-desc">The Observable whose events this object is to relay.</div></li><li><code>events</code> : Array<div class="sub-desc">Array of event names to relay.</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.util.Observable.html#relayEvents" ext:member="#relayEvents" ext:cls="Ext.util.Observable">Observable</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Container-removeAll"></a><b><a href="source/Container.html#method-Ext.Container-removeAll">removeAll</a></b>(&nbsp;<span title="Optional" class="optional">[<code>Boolean&nbsp;autoDestroy</code>]</span>&nbsp;)\r
1152     :\r
1153                                         Array<div class="mdesc"><div class="short">Removes all components from this container.</div><div class="long">Removes all components from this container.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>autoDestroy</code> : Boolean<div class="sub-desc">(optional) True to automatically invoke the removed Component's <a href="output/Ext.Component.html#Ext.Component-destroy" ext:member="destroy" ext:cls="Ext.Component">Ext.Component.destroy</a> function.\r
1154 Defaults to the value of this Container's <a href="output/Ext.Container.html#Ext.Container-autoDestroy" ext:member="autoDestroy" ext:cls="Ext.Container">autoDestroy</a> config.</div></li></ul><strong>Returns:</strong><ul><li><code>Array</code><div class="sub-desc">Array of the destroyed components</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Container.html#removeAll" ext:member="#removeAll" ext:cls="Ext.Container">Container</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Component-removeClass"></a><b><a href="source/Component.html#method-Ext.Component-removeClass">removeClass</a></b>(&nbsp;<code>string&nbsp;cls</code>&nbsp;)\r
1155     :\r
1156                                         Ext.Component<div class="mdesc"><div class="short">Removes a CSS class from the component's underlying element.</div><div class="long">Removes a CSS class from the component's underlying element.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>cls</code> : string<div class="sub-desc">The CSS class name to remove</div></li></ul><strong>Returns:</strong><ul><li><code>Ext.Component</code><div class="sub-desc">this</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Component.html#removeClass" ext:member="#removeClass" ext:cls="Ext.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.util.Observable-removeListener"></a><b><a href="source/Observable.html#method-Ext.util.Observable-removeListener">removeListener</a></b>(&nbsp;<code>String&nbsp;eventName</code>,&nbsp;<code>Function&nbsp;handler</code>,&nbsp;<span title="Optional" class="optional">[<code>Object&nbsp;scope</code>]</span>&nbsp;)\r
1157     :\r
1158                                         void<div class="mdesc"><div class="short">Removes an event handler.</div><div class="long">Removes an event handler.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>eventName</code> : String<div class="sub-desc">The type of event the handler was associated with.</div></li><li><code>handler</code> : Function<div class="sub-desc">The handler to remove. <b>This must be a reference to the function passed into the <a href="output/Ext.util.Observable.html#Ext.util.Observable-addListener" ext:member="addListener" ext:cls="Ext.util.Observable">addListener</a> call.</b></div></li><li><code>scope</code> : Object<div class="sub-desc">(optional) The scope originally specified for the handler.</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.util.Observable.html#removeListener" ext:member="#removeListener" ext:cls="Ext.util.Observable">Observable</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Component-render"></a><b><a href="source/Component.html#method-Ext.Component-render">render</a></b>(&nbsp;<span title="Optional" class="optional">[<code>Element/HTMLElement/String&nbsp;container</code>]</span>,&nbsp;<span title="Optional" class="optional">[<code>String/Number&nbsp;position</code>]</span>&nbsp;)\r
1159     :\r
1160                                         void<div class="mdesc"><div class="short">Render this Component into the passed HTML element.\r
1161 If you are using a Container object to house this Component, then...</div><div class="long"><p>Render this Component into the passed HTML element.</p>
1162 <p><b>If you are using a <a href="output/Ext.Container.html" ext:cls="Ext.Container">Container</a> object to house this Component, then
1163 do not use the render method.</b></p>
1164 <p>A Container's child Components are rendered by that Container's
1165 <a href="output/Ext.Container.html#Ext.Container-layout" ext:member="layout" ext:cls="Ext.Container">layout</a> manager when the Container is first rendered.</p>
1166 <p>Certain layout managers allow dynamic addition of child components. Those that do
1167 include <a href="output/Ext.layout.CardLayout.html" ext:cls="Ext.layout.CardLayout">Ext.layout.CardLayout</a>, <a href="output/Ext.layout.AnchorLayout.html" ext:cls="Ext.layout.AnchorLayout">Ext.layout.AnchorLayout</a>,
1168 <a href="output/Ext.layout.FormLayout.html" ext:cls="Ext.layout.FormLayout">Ext.layout.FormLayout</a>, <a href="output/Ext.layout.TableLayout.html" ext:cls="Ext.layout.TableLayout">Ext.layout.TableLayout</a>.</p>
1169 <p>If the Container is already rendered when a new child Component is added, you may need to call
1170 the Container's <a href="output/Ext.Container.html#Ext.Container-doLayout" ext:member="doLayout" ext:cls="Ext.Container">doLayout</a> to refresh the view which causes any
1171 unrendered child Components to be rendered. This is required so that you can add multiple
1172 child components if needed while only refreshing the layout once.</p>
1173 <p>When creating complex UIs, it is important to remember that sizing and positioning
1174 of child items is the responsibility of the Container's <a href="output/Ext.Container.html#Ext.Container-layout" ext:member="layout" ext:cls="Ext.Container">layout</a> manager.
1175 If you expect child items to be sized in response to user interactions, you must
1176 configure the Container with a layout manager which creates and manages the type of layout you
1177 have in mind.</p>
1178 <p><b>Omitting the Container's <a href="output/Ext.Container.html#Ext.Container-layout" ext:member="layout" ext:cls="Ext.Container">layout</a> config means that a basic
1179 layout manager is used which does nothing but render child components sequentially into the
1180 Container. No sizing or positioning will be performed in this situation.</b></p><div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>container</code> : Element/HTMLElement/String<div class="sub-desc">(optional) The element this Component should be
1181 rendered into. If it is being created from existing markup, this should be omitted.</div></li><li><code>position</code> : String/Number<div class="sub-desc">(optional) The element ID or DOM node index within the container <b>before</b>
1182 which this component will be inserted (defaults to appending to the end of the container)</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Component.html#render" ext:member="#render" ext:cls="Ext.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.util.Observable-resumeEvents"></a><b><a href="source/Observable.html#method-Ext.util.Observable-resumeEvents">resumeEvents</a></b>()\r
1183     :\r
1184                                         void<div class="mdesc"><div class="short">Resume firing events. (see suspendEvents)\r
1185 If events were suspended using the queueSuspended parameter, then all\r
1186 event...</div><div class="long">Resume firing events. (see <a href="output/Ext.util.Observable.html#Ext.util.Observable-suspendEvents" ext:member="suspendEvents" ext:cls="Ext.util.Observable">suspendEvents</a>)
1187 If events were suspended using the <tt><b>queueSuspended</b></tt> parameter, then all
1188 events fired during event suspension will be sent to any listeners now.<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.util.Observable.html#resumeEvents" ext:member="#resumeEvents" ext:cls="Ext.util.Observable">Observable</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.BoxComponent-setHeight"></a><b><a href="source/BoxComponent.html#method-Ext.BoxComponent-setHeight">setHeight</a></b>(&nbsp;<code>Number&nbsp;height</code>&nbsp;)\r
1189     :\r
1190                                         Ext.BoxComponent<div class="mdesc"><div class="short">Sets the height of the component.  This method fires the resize event.</div><div class="long">Sets the height of the component.  This method fires the <a href="output/Ext.BoxComponent.html#Ext.BoxComponent-resize" ext:member="resize" ext:cls="Ext.BoxComponent">resize</a> event.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>height</code> : Number<div class="sub-desc">The new height to set. This may be one of:<div class="mdetail-params"><ul>
1191 <li>A Number specifying the new height in the <a href="output/Ext.BoxComponent.html#Ext.BoxComponent-getEl" ext:member="getEl" ext:cls="Ext.BoxComponent">Element</a>'s <a href="output/Ext.Element.html#Ext.Element-defaultUnit" ext:member="defaultUnit" ext:cls="Ext.Element">Ext.Element.defaultUnit</a>s (by default, pixels).</li>
1192 <li>A String used to set the CSS height style.</li>
1193 <li><i>undefined</i> to leave the height unchanged.</li>
1194 </ul></div></div></li></ul><strong>Returns:</strong><ul><li><code>Ext.BoxComponent</code><div class="sub-desc">this</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.BoxComponent.html#setHeight" ext:member="#setHeight" ext:cls="Ext.BoxComponent">BoxComponent</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Panel-setIconClass"></a><b><a href="source/Panel.html#method-Ext.Panel-setIconClass">setIconClass</a></b>(&nbsp;<code>String&nbsp;cls</code>&nbsp;)\r
1195     :\r
1196                                         void<div class="mdesc"><div class="short">Sets the CSS class that provides the icon image for this panel.  This method will replace any existing\r
1197 icon class if ...</div><div class="long">Sets the CSS class that provides the icon image for this panel.  This method will replace any existing
1198 icon class if one has already been set and fire the <a href="output/Ext.Panel.html#Ext.Panel-iconchange" ext:member="iconchange" ext:cls="Ext.Panel">iconchange</a> event after completion.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>cls</code> : String<div class="sub-desc">The new CSS class name</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Panel.html#setIconClass" ext:member="#setIconClass" ext:cls="Ext.Panel">Panel</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.BoxComponent-setPagePosition"></a><b><a href="source/BoxComponent.html#method-Ext.BoxComponent-setPagePosition">setPagePosition</a></b>(&nbsp;<code>Number&nbsp;x</code>,&nbsp;<code>Number&nbsp;y</code>&nbsp;)\r
1199     :\r
1200                                         Ext.BoxComponent<div class="mdesc"><div class="short">Sets the page XY position of the component.  To set the left and top instead, use setPosition.\r
1201 This method fires the ...</div><div class="long">Sets the page XY position of the component.  To set the left and top instead, use <a href="output/Ext.BoxComponent.html#Ext.BoxComponent-setPosition" ext:member="setPosition" ext:cls="Ext.BoxComponent">setPosition</a>.
1202 This method fires the <a href="output/Ext.BoxComponent.html#Ext.BoxComponent-move" ext:member="move" ext:cls="Ext.BoxComponent">move</a> event.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>x</code> : Number<div class="sub-desc">The new x position</div></li><li><code>y</code> : Number<div class="sub-desc">The new y position</div></li></ul><strong>Returns:</strong><ul><li><code>Ext.BoxComponent</code><div class="sub-desc">this</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.BoxComponent.html#setPagePosition" ext:member="#setPagePosition" ext:cls="Ext.BoxComponent">BoxComponent</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.BoxComponent-setPosition"></a><b><a href="source/BoxComponent.html#method-Ext.BoxComponent-setPosition">setPosition</a></b>(&nbsp;<code>Number&nbsp;left</code>,&nbsp;<code>Number&nbsp;top</code>&nbsp;)\r
1203     :\r
1204                                         Ext.BoxComponent<div class="mdesc"><div class="short">Sets the left and top of the component.  To set the page XY position instead, use setPagePosition.\r
1205 This method fires ...</div><div class="long">Sets the left and top of the component.  To set the page XY position instead, use <a href="output/Ext.BoxComponent.html#Ext.BoxComponent-setPagePosition" ext:member="setPagePosition" ext:cls="Ext.BoxComponent">setPagePosition</a>.
1206 This method fires the <a href="output/Ext.BoxComponent.html#Ext.BoxComponent-move" ext:member="move" ext:cls="Ext.BoxComponent">move</a> event.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>left</code> : Number<div class="sub-desc">The new left</div></li><li><code>top</code> : Number<div class="sub-desc">The new top</div></li></ul><strong>Returns:</strong><ul><li><code>Ext.BoxComponent</code><div class="sub-desc">this</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.BoxComponent.html#setPosition" ext:member="#setPosition" ext:cls="Ext.BoxComponent">BoxComponent</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.BoxComponent-setSize"></a><b><a href="source/BoxComponent.html#method-Ext.BoxComponent-setSize">setSize</a></b>(&nbsp;<code>Mixed&nbsp;width</code>,&nbsp;<code>Mixed&nbsp;height</code>&nbsp;)\r
1207     :\r
1208                                         Ext.BoxComponent<div class="mdesc"><div class="short">Sets the width and height of this BoxComponent. This method fires the resize event. This method can accept\r
1209 either wid...</div><div class="long">Sets the width and height of this BoxComponent. This method fires the <a href="output/Ext.BoxComponent.html#Ext.BoxComponent-resize" ext:member="resize" ext:cls="Ext.BoxComponent">resize</a> event. This method can accept
1210 either width and height as separate arguments, or you can pass a size object like <code>{width:10, height:20}</code>.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>width</code> : Mixed<div class="sub-desc">The new width to set. This may be one of:<div class="mdetail-params"><ul>
1211 <li>A Number specifying the new width in the <a href="output/Ext.BoxComponent.html#Ext.BoxComponent-getEl" ext:member="getEl" ext:cls="Ext.BoxComponent">Element</a>'s <a href="output/Ext.Element.html#Ext.Element-defaultUnit" ext:member="defaultUnit" ext:cls="Ext.Element">Ext.Element.defaultUnit</a>s (by default, pixels).</li>
1212 <li>A String used to set the CSS width style.</li>
1213 <li>A size object in the format <code>{width: widthValue, height: heightValue}</code>.</li>
1214 <li><code>undefined</code> to leave the width unchanged.</li>
1215 </ul></div></div></li><li><code>height</code> : Mixed<div class="sub-desc">The new height to set (not required if a size object is passed as the first arg).
1216 This may be one of:<div class="mdetail-params"><ul>
1217 <li>A Number specifying the new height in the <a href="output/Ext.BoxComponent.html#Ext.BoxComponent-getEl" ext:member="getEl" ext:cls="Ext.BoxComponent">Element</a>'s <a href="output/Ext.Element.html#Ext.Element-defaultUnit" ext:member="defaultUnit" ext:cls="Ext.Element">Ext.Element.defaultUnit</a>s (by default, pixels).</li>
1218 <li>A String used to set the CSS height style. Animation may <b>not</b> be used.</li>
1219 <li><code>undefined</code> to leave the height unchanged.</li>
1220 </ul></div></div></li></ul><strong>Returns:</strong><ul><li><code>Ext.BoxComponent</code><div class="sub-desc">this</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.BoxComponent.html#setSize" ext:member="#setSize" ext:cls="Ext.BoxComponent">BoxComponent</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Panel-setTitle"></a><b><a href="source/Panel.html#method-Ext.Panel-setTitle">setTitle</a></b>(&nbsp;<code>String&nbsp;title</code>,&nbsp;<span title="Optional" class="optional">[<code>String&nbsp;iconCls</code>]</span>&nbsp;)\r
1221     :\r
1222                                         void<div class="mdesc"><div class="short">Sets the title text for the panel and optionally the icon class.\r
1223 In order to be able to set the title, a header eleme...</div><div class="long"><p>Sets the title text for the panel and optionally the <a href="output/Ext.Panel.html#Ext.Panel-iconCls" ext:member="iconCls" ext:cls="Ext.Panel">icon class</a>.</p>
1224 <p>In order to be able to set the title, a header element must have been created
1225 for the Panel. This is triggered either by configuring the Panel with a non-blank <code><a href="output/Ext.Panel.html#Ext.Panel-title" ext:member="title" ext:cls="Ext.Panel">title</a></code>,
1226 or configuring it with <code><b><a href="output/Ext.Panel.html#Ext.Panel-header" ext:member="header" ext:cls="Ext.Panel">header</a>: true</b></code>.</p><div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>title</code> : String<div class="sub-desc">The title text to set</div></li><li><code>iconCls</code> : String<div class="sub-desc">(optional) <a href="output/Ext.Panel.html#Ext.Panel-iconCls" ext:member="iconCls" ext:cls="Ext.Panel">iconCls</a> A user-defined CSS class that provides the icon image for this panel</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Panel.html#setTitle" ext:member="#setTitle" ext:cls="Ext.Panel">Panel</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Component-setVisible"></a><b><a href="source/Component.html#method-Ext.Component-setVisible">setVisible</a></b>(&nbsp;<code>Boolean&nbsp;visible</code>&nbsp;)\r
1227     :\r
1228                                         Ext.Component<div class="mdesc"><div class="short">Convenience function to hide or show this component by boolean.</div><div class="long">Convenience function to hide or show this component by boolean.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>visible</code> : Boolean<div class="sub-desc">True to show, false to hide</div></li></ul><strong>Returns:</strong><ul><li><code>Ext.Component</code><div class="sub-desc">this</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Component.html#setVisible" ext:member="#setVisible" ext:cls="Ext.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.BoxComponent-setWidth"></a><b><a href="source/BoxComponent.html#method-Ext.BoxComponent-setWidth">setWidth</a></b>(&nbsp;<code>Number&nbsp;width</code>&nbsp;)\r
1229     :\r
1230                                         Ext.BoxComponent<div class="mdesc"><div class="short">Sets the width of the component.  This method fires the resize event.</div><div class="long">Sets the width of the component.  This method fires the <a href="output/Ext.BoxComponent.html#Ext.BoxComponent-resize" ext:member="resize" ext:cls="Ext.BoxComponent">resize</a> event.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>width</code> : Number<div class="sub-desc">The new width to setThis may be one of:<div class="mdetail-params"><ul>
1231 <li>A Number specifying the new width in the <a href="output/Ext.BoxComponent.html#Ext.BoxComponent-getEl" ext:member="getEl" ext:cls="Ext.BoxComponent">Element</a>'s <a href="output/Ext.Element.html#Ext.Element-defaultUnit" ext:member="defaultUnit" ext:cls="Ext.Element">Ext.Element.defaultUnit</a>s (by default, pixels).</li>
1232 <li>A String used to set the CSS width style.</li>
1233 </ul></div></div></li></ul><strong>Returns:</strong><ul><li><code>Ext.BoxComponent</code><div class="sub-desc">this</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.BoxComponent.html#setWidth" ext:member="#setWidth" ext:cls="Ext.BoxComponent">BoxComponent</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Component-show"></a><b><a href="source/Component.html#method-Ext.Component-show">show</a></b>()\r
1234     :\r
1235                                         Ext.Component<div class="mdesc"><div class="short">Show this component.  Listen to the 'beforeshow' event and return\r
1236 false to cancel showing the component.  Fires the '...</div><div class="long">Show this component.  Listen to the '<a href="output/Ext.Component.html#Ext.Component-beforeshow" ext:member="beforeshow" ext:cls="Ext.Component">beforeshow</a>' event and return
1237 <tt>false</tt> to cancel showing the component.  Fires the '<a href="output/Ext.Component.html#Ext.Component-show" ext:member="show" ext:cls="Ext.Component">show</a>'
1238 event after showing the component.<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li><code>Ext.Component</code><div class="sub-desc">this</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Component.html#show" ext:member="#show" ext:cls="Ext.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.util.Observable-suspendEvents"></a><b><a href="source/Observable.html#method-Ext.util.Observable-suspendEvents">suspendEvents</a></b>(&nbsp;<code>Boolean&nbsp;queueSuspended</code>&nbsp;)\r
1239     :\r
1240                                         void<div class="mdesc"><div class="short">Suspend the firing of all events. (see resumeEvents)</div><div class="long">Suspend the firing of all events. (see <a href="output/Ext.util.Observable.html#Ext.util.Observable-resumeEvents" ext:member="resumeEvents" ext:cls="Ext.util.Observable">resumeEvents</a>)<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>queueSuspended</code> : Boolean<div class="sub-desc">Pass as true to queue up suspended events to be fired
1241 after the <a href="output/Ext.util.Observable.html#Ext.util.Observable-resumeEvents" ext:member="resumeEvents" ext:cls="Ext.util.Observable">resumeEvents</a> call instead of discarding all suspended events;</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.util.Observable.html#suspendEvents" ext:member="#suspendEvents" ext:cls="Ext.util.Observable">Observable</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.BoxComponent-syncSize"></a><b><a href="source/BoxComponent.html#method-Ext.BoxComponent-syncSize">syncSize</a></b>()\r
1242     :\r
1243                                         Ext.BoxComponent<div class="mdesc"><div class="short">Force the component's size to recalculate based on the underlying element's current height and width.</div><div class="long">Force the component's size to recalculate based on the underlying element's current height and width.<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li><code>Ext.BoxComponent</code><div class="sub-desc">this</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.BoxComponent.html#syncSize" ext:member="#syncSize" ext:cls="Ext.BoxComponent">BoxComponent</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Panel-toggleCollapse"></a><b><a href="source/Panel.html#method-Ext.Panel-toggleCollapse">toggleCollapse</a></b>(&nbsp;<code>Boolean&nbsp;animate</code>&nbsp;)\r
1244     :\r
1245                                         Ext.Panel<div class="mdesc"><div class="short">Shortcut for performing an expand or collapse based on the current state of the panel.</div><div class="long">Shortcut for performing an <a href="output/Ext.Panel.html#Ext.Panel-expand" ext:member="expand" ext:cls="Ext.Panel">expand</a> or <a href="output/Ext.Panel.html#Ext.Panel-collapse" ext:member="collapse" ext:cls="Ext.Panel">collapse</a> based on the current state of the panel.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>animate</code> : Boolean<div class="sub-desc">True to animate the transition, else false (defaults to the value of the
1246 <a href="output/Ext.Panel.html#Ext.Panel-animCollapse" ext:member="animCollapse" ext:cls="Ext.Panel">animCollapse</a> panel config)</div></li></ul><strong>Returns:</strong><ul><li><code>Ext.Panel</code><div class="sub-desc">this</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Panel.html#toggleCollapse" ext:member="#toggleCollapse" ext:cls="Ext.Panel">Panel</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.util.Observable-un"></a><b><a href="source/Observable.html#method-Ext.util.Observable-un">un</a></b>(&nbsp;<code>String&nbsp;eventName</code>,&nbsp;<code>Function&nbsp;handler</code>,&nbsp;<span title="Optional" class="optional">[<code>Object&nbsp;scope</code>]</span>&nbsp;)\r
1247     :\r
1248                                         void<div class="mdesc"><div class="short">Removes an event handler (shorthand for removeListener.)</div><div class="long">Removes an event handler (shorthand for <a href="output/Ext.util.Observable.html#Ext.util.Observable-removeListener" ext:member="removeListener" ext:cls="Ext.util.Observable">removeListener</a>.)<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>eventName</code> : String<div class="sub-desc">The type of event the handler was associated with.</div></li><li><code>handler</code> : Function<div class="sub-desc">The handler to remove. <b>This must be a reference to the function passed into the <a href="output/Ext.util.Observable.html#Ext.util.Observable-addListener" ext:member="addListener" ext:cls="Ext.util.Observable">addListener</a> call.</b></div></li><li><code>scope</code> : Object<div class="sub-desc">(optional) The scope originally specified for the handler.</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.util.Observable.html#un" ext:member="#un" ext:cls="Ext.util.Observable">Observable</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.BoxComponent-updateBox"></a><b><a href="source/BoxComponent.html#method-Ext.BoxComponent-updateBox">updateBox</a></b>(&nbsp;<code>Object&nbsp;box</code>&nbsp;)\r
1249     :\r
1250                                         Ext.BoxComponent<div class="mdesc"><div class="short">Sets the current box measurements of the component's underlying element.</div><div class="long">Sets the current box measurements of the component's underlying element.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>box</code> : Object<div class="sub-desc">An object in the format {x, y, width, height}</div></li></ul><strong>Returns:</strong><ul><li><code>Ext.BoxComponent</code><div class="sub-desc">this</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.BoxComponent.html#updateBox" ext:member="#updateBox" ext:cls="Ext.BoxComponent">BoxComponent</a></td></tr></tbody></table><a id="Ext.ux.grid.TableGrid-events"></a><h2>Public Events</h2><table cellspacing="0" class="member-table"><tbody><tr><th colspan="2" class="sig-header">Event</th><th class="msource-header">Defined By</th></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Panel-activate"></a><b><a href="source/Panel.html#event-Ext.Panel-activate">activate</a></b> :\r
1251                                       (&nbsp;<code>Ext.Panel&nbsp;p</code>&nbsp;)\r
1252     <div class="mdesc"><div class="short">Fires after the Panel has been visually activated.\r
1253 Note that Panels do not directly support being activated, but some...</div><div class="long">Fires after the Panel has been visually activated.
1254 Note that Panels do not directly support being activated, but some Panel subclasses
1255 do (like <a href="output/Ext.Window.html" ext:cls="Ext.Window">Ext.Window</a>). Panels which are child Components of a TabPanel fire the
1256 activate and deactivate events under the control of the TabPanel.<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>p</code> : Ext.Panel<div class="sub-desc">The Panel that has been activated.</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Panel.html#activate" ext:member="#activate" ext:cls="Ext.Panel">Panel</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Container-afterlayout"></a><b><a href="source/Container.html#event-Ext.Container-afterlayout">afterlayout</a></b> :\r
1257                                       (&nbsp;<code>Ext.Container&nbsp;this</code>,&nbsp;<code>ContainerLayout&nbsp;layout</code>&nbsp;)\r
1258     <div class="mdesc"><div class="short">Fires when the components in this container are arranged by the associated layout manager.</div><div class="long">Fires when the components in this container are arranged by the associated layout manager.<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Ext.Container<div class="sub-desc"></div></li><li><code>layout</code> : ContainerLayout<div class="sub-desc">The ContainerLayout implementation for this container</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Container.html#afterlayout" ext:member="#afterlayout" ext:cls="Ext.Container">Container</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Component-afterrender"></a><b><a href="source/Component.html#event-Ext.Component-afterrender">afterrender</a></b> :\r
1259                                       (&nbsp;<code>Ext.Component&nbsp;this</code>&nbsp;)\r
1260     <div class="mdesc"><div class="short">Fires after the component rendering is finished.\r
1261 The afterrender event is fired after this Component has been rendere...</div><div class="long"><p>Fires after the component rendering is finished.</p>
1262 <p>The afterrender event is fired after this Component has been <a href="output/Ext.Component.html#Ext.Component-rendered" ext:member="rendered" ext:cls="Ext.Component">rendered</a>, been postprocesed
1263 by any afterRender method defined for the Component, and, if <a href="output/Ext.Component.html#Ext.Component-stateful" ext:member="stateful" ext:cls="Ext.Component">stateful</a>, after state
1264 has been restored.</p><div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Ext.Component<div class="sub-desc"></div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Component.html#afterrender" ext:member="#afterrender" ext:cls="Ext.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Panel-beforeclose"></a><b><a href="source/Panel.html#event-Ext.Panel-beforeclose">beforeclose</a></b> :\r
1265                                       (&nbsp;<code>Ext.Panel&nbsp;p</code>&nbsp;)\r
1266     <div class="mdesc"><div class="short">Fires before the Panel is closed.  Note that Panels do not directly support being closed, but some\r
1267 Panel subclasses d...</div><div class="long">Fires before the Panel is closed.  Note that Panels do not directly support being closed, but some
1268 Panel subclasses do (like <a href="output/Ext.Window.html" ext:cls="Ext.Window">Ext.Window</a>) or a Panel within a Ext.TabPanel.  This event only
1269 applies to such subclasses.
1270 A handler can return false to cancel the close.<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>p</code> : Ext.Panel<div class="sub-desc">The Panel being closed.</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Panel.html#beforeclose" ext:member="#beforeclose" ext:cls="Ext.Panel">Panel</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Panel-beforecollapse"></a><b><a href="source/Panel.html#event-Ext.Panel-beforecollapse">beforecollapse</a></b> :\r
1271                                       (&nbsp;<code>Ext.Panel&nbsp;p</code>,&nbsp;<code>Boolean&nbsp;animate</code>&nbsp;)\r
1272     <div class="mdesc"><div class="short">Fires before the Panel is collapsed.  A handler can return false to cancel the collapse.</div><div class="long">Fires before the Panel is collapsed.  A handler can return false to cancel the collapse.<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>p</code> : Ext.Panel<div class="sub-desc">the Panel being collapsed.</div></li><li><code>animate</code> : Boolean<div class="sub-desc">True if the collapse is animated, else false.</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Panel.html#beforecollapse" ext:member="#beforecollapse" ext:cls="Ext.Panel">Panel</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Component-beforedestroy"></a><b><a href="source/Component.html#event-Ext.Component-beforedestroy">beforedestroy</a></b> :\r
1273                                       (&nbsp;<code>Ext.Component&nbsp;this</code>&nbsp;)\r
1274     <div class="mdesc"><div class="short">Fires before the component is destroyed. Return false from an event handler to stop the destroy.</div><div class="long">Fires before the component is <a href="output/Ext.Component.html#Ext.Component-destroy" ext:member="destroy" ext:cls="Ext.Component">destroy</a>ed. Return false from an event handler to stop the <a href="output/Ext.Component.html#Ext.Component-destroy" ext:member="destroy" ext:cls="Ext.Component">destroy</a>.<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Ext.Component<div class="sub-desc"></div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Component.html#beforedestroy" ext:member="#beforedestroy" ext:cls="Ext.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Panel-beforeexpand"></a><b><a href="source/Panel.html#event-Ext.Panel-beforeexpand">beforeexpand</a></b> :\r
1275                                       (&nbsp;<code>Ext.Panel&nbsp;p</code>,&nbsp;<code>Boolean&nbsp;animate</code>&nbsp;)\r
1276     <div class="mdesc"><div class="short">Fires before the Panel is expanded.  A handler can return false to cancel the expand.</div><div class="long">Fires before the Panel is expanded.  A handler can return false to cancel the expand.<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>p</code> : Ext.Panel<div class="sub-desc">The Panel being expanded.</div></li><li><code>animate</code> : Boolean<div class="sub-desc">True if the expand is animated, else false.</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Panel.html#beforeexpand" ext:member="#beforeexpand" ext:cls="Ext.Panel">Panel</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Component-beforehide"></a><b><a href="source/Component.html#event-Ext.Component-beforehide">beforehide</a></b> :\r
1277                                       (&nbsp;<code>Ext.Component&nbsp;this</code>&nbsp;)\r
1278     <div class="mdesc"><div class="short">Fires before the component is hidden by calling the hide method.\r
1279 Return false from an event handler to stop the hide.</div><div class="long">Fires before the component is hidden by calling the <a href="output/Ext.Component.html#Ext.Component-hide" ext:member="hide" ext:cls="Ext.Component">hide</a> method.
1280 Return false from an event handler to stop the hide.<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Ext.Component<div class="sub-desc"></div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Component.html#beforehide" ext:member="#beforehide" ext:cls="Ext.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Component-beforerender"></a><b><a href="source/Component.html#event-Ext.Component-beforerender">beforerender</a></b> :\r
1281                                       (&nbsp;<code>Ext.Component&nbsp;this</code>&nbsp;)\r
1282     <div class="mdesc"><div class="short">Fires before the component is rendered. Return false from an\r
1283 event handler to stop the render.</div><div class="long">Fires before the component is <a href="output/Ext.Component.html#Ext.Component-rendered" ext:member="rendered" ext:cls="Ext.Component">rendered</a>. Return false from an
1284 event handler to stop the <a href="output/Ext.Component.html#Ext.Component-render" ext:member="render" ext:cls="Ext.Component">render</a>.<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Ext.Component<div class="sub-desc"></div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Component.html#beforerender" ext:member="#beforerender" ext:cls="Ext.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Component-beforeshow"></a><b><a href="source/Component.html#event-Ext.Component-beforeshow">beforeshow</a></b> :\r
1285                                       (&nbsp;<code>Ext.Component&nbsp;this</code>&nbsp;)\r
1286     <div class="mdesc"><div class="short">Fires before the component is shown by calling the show method.\r
1287 Return false from an event handler to stop the show.</div><div class="long">Fires before the component is shown by calling the <a href="output/Ext.Component.html#Ext.Component-show" ext:member="show" ext:cls="Ext.Component">show</a> method.
1288 Return false from an event handler to stop the show.<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Ext.Component<div class="sub-desc"></div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Component.html#beforeshow" ext:member="#beforeshow" ext:cls="Ext.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Component-beforestaterestore"></a><b><a href="source/Component.html#event-Ext.Component-beforestaterestore">beforestaterestore</a></b> :\r
1289                                       (&nbsp;<code>Ext.Component&nbsp;this</code>,&nbsp;<code>Object&nbsp;state</code>&nbsp;)\r
1290     <div class="mdesc"><div class="short">Fires before the state of the component is restored. Return false from an event handler to stop the restore.</div><div class="long">Fires before the state of the component is restored. Return false from an event handler to stop the restore.<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Ext.Component<div class="sub-desc"></div></li><li><code>state</code> : Object<div class="sub-desc">The hash of state values returned from the StateProvider. If this
1291 event is not vetoed, then the state object is passed to <b><tt>applyState</tt></b>. By default,
1292 that simply copies property values into this Component. The method maybe overriden to
1293 provide custom state restoration.</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Component.html#beforestaterestore" ext:member="#beforestaterestore" ext:cls="Ext.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Component-beforestatesave"></a><b><a href="source/Component.html#event-Ext.Component-beforestatesave">beforestatesave</a></b> :\r
1294                                       (&nbsp;<code>Ext.Component&nbsp;this</code>,&nbsp;<code>Object&nbsp;state</code>&nbsp;)\r
1295     <div class="mdesc"><div class="short">Fires before the state of the component is saved to the configured state provider. Return false to stop the save.</div><div class="long">Fires before the state of the component is saved to the configured state provider. Return false to stop the save.<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Ext.Component<div class="sub-desc"></div></li><li><code>state</code> : Object<div class="sub-desc">The hash of state values. This is determined by calling
1296 <b><tt>getState()</tt></b> on the Component. This method must be provided by the
1297 developer to return whetever representation of state is required, by default, Ext.Component
1298 has a null implementation.</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Component.html#beforestatesave" ext:member="#beforestatesave" ext:cls="Ext.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Panel-bodyresize"></a><b><a href="source/Panel.html#event-Ext.Panel-bodyresize">bodyresize</a></b> :\r
1299                                       (&nbsp;<code>Ext.Panel&nbsp;p</code>,&nbsp;<code>Number&nbsp;width</code>,&nbsp;<code>Number&nbsp;height</code>&nbsp;)\r
1300     <div class="mdesc"><div class="short">Fires after the Panel has been resized.</div><div class="long">Fires after the Panel has been resized.<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>p</code> : Ext.Panel<div class="sub-desc">the Panel which has been resized.</div></li><li><code>width</code> : Number<div class="sub-desc">The Panel's new width.</div></li><li><code>height</code> : Number<div class="sub-desc">The Panel's new height.</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Panel.html#bodyresize" ext:member="#bodyresize" ext:cls="Ext.Panel">Panel</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.grid.GridPanel-bodyscroll"></a><b><a href="source/GridPanel.html#event-Ext.grid.GridPanel-bodyscroll">bodyscroll</a></b> :\r
1301                                       (&nbsp;<code>Number&nbsp;scrollLeft</code>,&nbsp;<code>Number&nbsp;scrollTop</code>&nbsp;)\r
1302     <div class="mdesc"><div class="short">Fires when the body element is scrolled</div><div class="long">Fires when the body element is scrolled<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>scrollLeft</code> : Number<div class="sub-desc"></div></li><li><code>scrollTop</code> : Number<div class="sub-desc"></div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.grid.GridPanel.html#bodyscroll" ext:member="#bodyscroll" ext:cls="Ext.grid.GridPanel">GridPanel</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.grid.GridPanel-cellclick"></a><b><a href="source/GridPanel.html#event-Ext.grid.GridPanel-cellclick">cellclick</a></b> :\r
1303                                       (&nbsp;<code>Grid&nbsp;this</code>,&nbsp;<code>Number&nbsp;rowIndex</code>,&nbsp;<code>Number&nbsp;columnIndex</code>,&nbsp;<code>Ext.EventObject&nbsp;e</code>&nbsp;)\r
1304     <div class="mdesc"><div class="short">Fires when a cell is clicked.&#13;\r
1305 The data for the cell is drawn from the Record&#13;\r
1306 for this row. To access the data in th...</div><div class="long">Fires when a cell is clicked.\r
1307 The data for the cell is drawn from the <a href="output/Ext.data.Record.html" ext:cls="Ext.data.Record">Record</a>\r
1308 for this row. To access the data in the listener function use the\r
1309 following technique:\r
1310 <pre><code><b>function</b>(grid, rowIndex, columnIndex, e) {\r
1311     <b>var</b> record = grid.getStore().getAt(rowIndex);  <i>// Get the Record\r</i>
1312     <b>var</b> fieldName = grid.getColumnModel().getDataIndex(columnIndex); <i>// Get field name\r</i>
1313     <b>var</b> data = record.get(fieldName);\r
1314 }</code></pre><div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Grid<div class="sub-desc"></div></li><li><code>rowIndex</code> : Number<div class="sub-desc"></div></li><li><code>columnIndex</code> : Number<div class="sub-desc"></div></li><li><code>e</code> : Ext.EventObject<div class="sub-desc"></div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.grid.GridPanel.html#cellclick" ext:member="#cellclick" ext:cls="Ext.grid.GridPanel">GridPanel</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.grid.GridPanel-cellcontextmenu"></a><b><a href="source/GridPanel.html#event-Ext.grid.GridPanel-cellcontextmenu">cellcontextmenu</a></b> :\r
1315                                       (&nbsp;<code>Grid&nbsp;this</code>,&nbsp;<code>Number&nbsp;rowIndex</code>,&nbsp;<code>Number&nbsp;cellIndex</code>,&nbsp;<code>Ext.EventObject&nbsp;e</code>&nbsp;)\r
1316     <div class="mdesc"><div class="short">Fires when a cell is right clicked</div><div class="long">Fires when a cell is right clicked<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Grid<div class="sub-desc"></div></li><li><code>rowIndex</code> : Number<div class="sub-desc"></div></li><li><code>cellIndex</code> : Number<div class="sub-desc"></div></li><li><code>e</code> : Ext.EventObject<div class="sub-desc"></div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.grid.GridPanel.html#cellcontextmenu" ext:member="#cellcontextmenu" ext:cls="Ext.grid.GridPanel">GridPanel</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.grid.GridPanel-celldblclick"></a><b><a href="source/GridPanel.html#event-Ext.grid.GridPanel-celldblclick">celldblclick</a></b> :\r
1317                                       (&nbsp;<code>Grid&nbsp;this</code>,&nbsp;<code>Number&nbsp;rowIndex</code>,&nbsp;<code>Number&nbsp;columnIndex</code>,&nbsp;<code>Ext.EventObject&nbsp;e</code>&nbsp;)\r
1318     <div class="mdesc"><div class="short">Fires when a cell is double clicked</div><div class="long">Fires when a cell is double clicked<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Grid<div class="sub-desc"></div></li><li><code>rowIndex</code> : Number<div class="sub-desc"></div></li><li><code>columnIndex</code> : Number<div class="sub-desc"></div></li><li><code>e</code> : Ext.EventObject<div class="sub-desc"></div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.grid.GridPanel.html#celldblclick" ext:member="#celldblclick" ext:cls="Ext.grid.GridPanel">GridPanel</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.grid.GridPanel-cellmousedown"></a><b><a href="source/GridPanel.html#event-Ext.grid.GridPanel-cellmousedown">cellmousedown</a></b> :\r
1319                                       (&nbsp;<code>Grid&nbsp;this</code>,&nbsp;<code>Number&nbsp;rowIndex</code>,&nbsp;<code>Number&nbsp;columnIndex</code>,&nbsp;<code>Ext.EventObject&nbsp;e</code>&nbsp;)\r
1320     <div class="mdesc"><div class="short">Fires before a cell is clicked</div><div class="long">Fires before a cell is clicked<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Grid<div class="sub-desc"></div></li><li><code>rowIndex</code> : Number<div class="sub-desc"></div></li><li><code>columnIndex</code> : Number<div class="sub-desc"></div></li><li><code>e</code> : Ext.EventObject<div class="sub-desc"></div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.grid.GridPanel.html#cellmousedown" ext:member="#cellmousedown" ext:cls="Ext.grid.GridPanel">GridPanel</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.grid.GridPanel-click"></a><b><a href="source/GridPanel.html#event-Ext.grid.GridPanel-click">click</a></b> :\r
1321                                       (&nbsp;<code>Ext.EventObject&nbsp;e</code>&nbsp;)\r
1322     <div class="mdesc"><div class="short">The raw click event for the entire grid.</div><div class="long">The raw click event for the entire grid.<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>e</code> : Ext.EventObject<div class="sub-desc"></div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.grid.GridPanel.html#click" ext:member="#click" ext:cls="Ext.grid.GridPanel">GridPanel</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Panel-close"></a><b><a href="source/Panel.html#event-Ext.Panel-close">close</a></b> :\r
1323                                       (&nbsp;<code>Ext.Panel&nbsp;p</code>&nbsp;)\r
1324     <div class="mdesc"><div class="short">Fires after the Panel is closed.  Note that Panels do not directly support being closed, but some\r
1325 Panel subclasses do...</div><div class="long">Fires after the Panel is closed.  Note that Panels do not directly support being closed, but some
1326 Panel subclasses do (like <a href="output/Ext.Window.html" ext:cls="Ext.Window">Ext.Window</a>) or a Panel within a Ext.TabPanel.<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>p</code> : Ext.Panel<div class="sub-desc">The Panel that has been closed.</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Panel.html#close" ext:member="#close" ext:cls="Ext.Panel">Panel</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Panel-collapse"></a><b><a href="source/Panel.html#event-Ext.Panel-collapse">collapse</a></b> :\r
1327                                       (&nbsp;<code>Ext.Panel&nbsp;p</code>&nbsp;)\r
1328     <div class="mdesc"><div class="short">Fires after the Panel has been collapsed.</div><div class="long">Fires after the Panel has been collapsed.<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>p</code> : Ext.Panel<div class="sub-desc">the Panel that has been collapsed.</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Panel.html#collapse" ext:member="#collapse" ext:cls="Ext.Panel">Panel</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.grid.GridPanel-columnmove"></a><b><a href="source/GridPanel.html#event-Ext.grid.GridPanel-columnmove">columnmove</a></b> :\r
1329                                       (&nbsp;<code>Number&nbsp;oldIndex</code>,&nbsp;<code>Number&nbsp;newIndex</code>&nbsp;)\r
1330     <div class="mdesc"><div class="short">Fires when the user moves a column</div><div class="long">Fires when the user moves a column<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>oldIndex</code> : Number<div class="sub-desc"></div></li><li><code>newIndex</code> : Number<div class="sub-desc"></div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.grid.GridPanel.html#columnmove" ext:member="#columnmove" ext:cls="Ext.grid.GridPanel">GridPanel</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.grid.GridPanel-columnresize"></a><b><a href="source/GridPanel.html#event-Ext.grid.GridPanel-columnresize">columnresize</a></b> :\r
1331                                       (&nbsp;<code>Number&nbsp;columnIndex</code>,&nbsp;<code>Number&nbsp;newSize</code>&nbsp;)\r
1332     <div class="mdesc"><div class="short">Fires when the user resizes a column</div><div class="long">Fires when the user resizes a column<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>columnIndex</code> : Number<div class="sub-desc"></div></li><li><code>newSize</code> : Number<div class="sub-desc"></div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.grid.GridPanel.html#columnresize" ext:member="#columnresize" ext:cls="Ext.grid.GridPanel">GridPanel</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.grid.GridPanel-contextmenu"></a><b><a href="source/GridPanel.html#event-Ext.grid.GridPanel-contextmenu">contextmenu</a></b> :\r
1333                                       (&nbsp;<code>Ext.EventObject&nbsp;e</code>&nbsp;)\r
1334     <div class="mdesc"><div class="short">The raw contextmenu event for the entire grid.</div><div class="long">The raw contextmenu event for the entire grid.<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>e</code> : Ext.EventObject<div class="sub-desc"></div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.grid.GridPanel.html#contextmenu" ext:member="#contextmenu" ext:cls="Ext.grid.GridPanel">GridPanel</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.grid.GridPanel-dblclick"></a><b><a href="source/GridPanel.html#event-Ext.grid.GridPanel-dblclick">dblclick</a></b> :\r
1335                                       (&nbsp;<code>Ext.EventObject&nbsp;e</code>&nbsp;)\r
1336     <div class="mdesc"><div class="short">The raw dblclick event for the entire grid.</div><div class="long">The raw dblclick event for the entire grid.<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>e</code> : Ext.EventObject<div class="sub-desc"></div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.grid.GridPanel.html#dblclick" ext:member="#dblclick" ext:cls="Ext.grid.GridPanel">GridPanel</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Panel-deactivate"></a><b><a href="source/Panel.html#event-Ext.Panel-deactivate">deactivate</a></b> :\r
1337                                       (&nbsp;<code>Ext.Panel&nbsp;p</code>&nbsp;)\r
1338     <div class="mdesc"><div class="short">Fires after the Panel has been visually deactivated.\r
1339 Note that Panels do not directly support being deactivated, but ...</div><div class="long">Fires after the Panel has been visually deactivated.
1340 Note that Panels do not directly support being deactivated, but some Panel subclasses
1341 do (like <a href="output/Ext.Window.html" ext:cls="Ext.Window">Ext.Window</a>). Panels which are child Components of a TabPanel fire the
1342 activate and deactivate events under the control of the TabPanel.<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>p</code> : Ext.Panel<div class="sub-desc">The Panel that has been deactivated.</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Panel.html#deactivate" ext:member="#deactivate" ext:cls="Ext.Panel">Panel</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Component-destroy"></a><b><a href="source/Component.html#event-Ext.Component-destroy">destroy</a></b> :\r
1343                                       (&nbsp;<code>Ext.Component&nbsp;this</code>&nbsp;)\r
1344     <div class="mdesc"><div class="short">Fires after the component is destroyed.</div><div class="long">Fires after the component is <a href="output/Ext.Component.html#Ext.Component-destroy" ext:member="destroy" ext:cls="Ext.Component">destroy</a>ed.<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Ext.Component<div class="sub-desc"></div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Component.html#destroy" ext:member="#destroy" ext:cls="Ext.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Component-disable"></a><b><a href="source/Component.html#event-Ext.Component-disable">disable</a></b> :\r
1345                                       (&nbsp;<code>Ext.Component&nbsp;this</code>&nbsp;)\r
1346     <div class="mdesc"><div class="short">Fires after the component is disabled.</div><div class="long">Fires after the component is disabled.<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Ext.Component<div class="sub-desc"></div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Component.html#disable" ext:member="#disable" ext:cls="Ext.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Component-enable"></a><b><a href="source/Component.html#event-Ext.Component-enable">enable</a></b> :\r
1347                                       (&nbsp;<code>Ext.Component&nbsp;this</code>&nbsp;)\r
1348     <div class="mdesc"><div class="short">Fires after the component is enabled.</div><div class="long">Fires after the component is enabled.<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Ext.Component<div class="sub-desc"></div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Component.html#enable" ext:member="#enable" ext:cls="Ext.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Panel-expand"></a><b><a href="source/Panel.html#event-Ext.Panel-expand">expand</a></b> :\r
1349                                       (&nbsp;<code>Ext.Panel&nbsp;p</code>&nbsp;)\r
1350     <div class="mdesc"><div class="short">Fires after the Panel has been expanded.</div><div class="long">Fires after the Panel has been expanded.<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>p</code> : Ext.Panel<div class="sub-desc">The Panel that has been expanded.</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Panel.html#expand" ext:member="#expand" ext:cls="Ext.Panel">Panel</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.grid.GridPanel-headerclick"></a><b><a href="source/GridPanel.html#event-Ext.grid.GridPanel-headerclick">headerclick</a></b> :\r
1351                                       (&nbsp;<code>Grid&nbsp;this</code>,&nbsp;<code>Number&nbsp;columnIndex</code>,&nbsp;<code>Ext.EventObject&nbsp;e</code>&nbsp;)\r
1352     <div class="mdesc"><div class="short">Fires when a header is clicked</div><div class="long">Fires when a header is clicked<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Grid<div class="sub-desc"></div></li><li><code>columnIndex</code> : Number<div class="sub-desc"></div></li><li><code>e</code> : Ext.EventObject<div class="sub-desc"></div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.grid.GridPanel.html#headerclick" ext:member="#headerclick" ext:cls="Ext.grid.GridPanel">GridPanel</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.grid.GridPanel-headercontextmenu"></a><b><a href="source/GridPanel.html#event-Ext.grid.GridPanel-headercontextmenu">headercontextmenu</a></b> :\r
1353                                       (&nbsp;<code>Grid&nbsp;this</code>,&nbsp;<code>Number&nbsp;columnIndex</code>,&nbsp;<code>Ext.EventObject&nbsp;e</code>&nbsp;)\r
1354     <div class="mdesc"><div class="short">Fires when a header is right clicked</div><div class="long">Fires when a header is right clicked<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Grid<div class="sub-desc"></div></li><li><code>columnIndex</code> : Number<div class="sub-desc"></div></li><li><code>e</code> : Ext.EventObject<div class="sub-desc"></div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.grid.GridPanel.html#headercontextmenu" ext:member="#headercontextmenu" ext:cls="Ext.grid.GridPanel">GridPanel</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.grid.GridPanel-headerdblclick"></a><b><a href="source/GridPanel.html#event-Ext.grid.GridPanel-headerdblclick">headerdblclick</a></b> :\r
1355                                       (&nbsp;<code>Grid&nbsp;this</code>,&nbsp;<code>Number&nbsp;columnIndex</code>,&nbsp;<code>Ext.EventObject&nbsp;e</code>&nbsp;)\r
1356     <div class="mdesc"><div class="short">Fires when a header cell is double clicked</div><div class="long">Fires when a header cell is double clicked<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Grid<div class="sub-desc"></div></li><li><code>columnIndex</code> : Number<div class="sub-desc"></div></li><li><code>e</code> : Ext.EventObject<div class="sub-desc"></div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.grid.GridPanel.html#headerdblclick" ext:member="#headerdblclick" ext:cls="Ext.grid.GridPanel">GridPanel</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.grid.GridPanel-headermousedown"></a><b><a href="source/GridPanel.html#event-Ext.grid.GridPanel-headermousedown">headermousedown</a></b> :\r
1357                                       (&nbsp;<code>Grid&nbsp;this</code>,&nbsp;<code>Number&nbsp;columnIndex</code>,&nbsp;<code>Ext.EventObject&nbsp;e</code>&nbsp;)\r
1358     <div class="mdesc"><div class="short">Fires before a header is clicked</div><div class="long">Fires before a header is clicked<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Grid<div class="sub-desc"></div></li><li><code>columnIndex</code> : Number<div class="sub-desc"></div></li><li><code>e</code> : Ext.EventObject<div class="sub-desc"></div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.grid.GridPanel.html#headermousedown" ext:member="#headermousedown" ext:cls="Ext.grid.GridPanel">GridPanel</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Component-hide"></a><b><a href="source/Component.html#event-Ext.Component-hide">hide</a></b> :\r
1359                                       (&nbsp;<code>Ext.Component&nbsp;this</code>&nbsp;)\r
1360     <div class="mdesc"><div class="short">Fires after the component is hidden.\r
1361 Fires after the component is hidden when calling the hide method.</div><div class="long">Fires after the component is hidden.
1362 Fires after the component is hidden when calling the <a href="output/Ext.Component.html#Ext.Component-hide" ext:member="hide" ext:cls="Ext.Component">hide</a> method.<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Ext.Component<div class="sub-desc"></div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Component.html#hide" ext:member="#hide" ext:cls="Ext.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Panel-iconchange"></a><b><a href="source/Panel.html#event-Ext.Panel-iconchange">iconchange</a></b> :\r
1363                                       (&nbsp;<code>Ext.Panel&nbsp;p</code>,&nbsp;<code>String&nbsp;The</code>,&nbsp;<code>String&nbsp;The</code>&nbsp;)\r
1364     <div class="mdesc"><div class="short">Fires after the Panel icon class has been set or changed.</div><div class="long">Fires after the Panel icon class has been <a href="output/Ext.Panel.html#Ext.Panel-iconCls" ext:member="iconCls" ext:cls="Ext.Panel">set</a> or <a href="output/Ext.Panel.html#Ext.Panel-setIconClass" ext:member="setIconClass" ext:cls="Ext.Panel">changed</a>.<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>p</code> : Ext.Panel<div class="sub-desc">the Panel which has had its <a href="output/Ext.Panel.html#Ext.Panel-iconCls" ext:member="iconCls" ext:cls="Ext.Panel">icon class</a> changed.</div></li><li><code>The</code> : String<div class="sub-desc">new icon class.</div></li><li><code>The</code> : String<div class="sub-desc">old icon class.</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Panel.html#iconchange" ext:member="#iconchange" ext:cls="Ext.Panel">Panel</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.grid.GridPanel-keydown"></a><b><a href="source/GridPanel.html#event-Ext.grid.GridPanel-keydown">keydown</a></b> :\r
1365                                       (&nbsp;<code>Ext.EventObject&nbsp;e</code>&nbsp;)\r
1366     <div class="mdesc"><div class="short">The raw keydown event for the entire grid.</div><div class="long">The raw keydown event for the entire grid.<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>e</code> : Ext.EventObject<div class="sub-desc"></div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.grid.GridPanel.html#keydown" ext:member="#keydown" ext:cls="Ext.grid.GridPanel">GridPanel</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.grid.GridPanel-keypress"></a><b><a href="source/GridPanel.html#event-Ext.grid.GridPanel-keypress">keypress</a></b> :\r
1367                                       (&nbsp;<code>Ext.EventObject&nbsp;e</code>&nbsp;)\r
1368     <div class="mdesc"><div class="short">The raw keypress event for the entire grid.</div><div class="long">The raw keypress event for the entire grid.<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>e</code> : Ext.EventObject<div class="sub-desc"></div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.grid.GridPanel.html#keypress" ext:member="#keypress" ext:cls="Ext.grid.GridPanel">GridPanel</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.grid.GridPanel-mousedown"></a><b><a href="source/GridPanel.html#event-Ext.grid.GridPanel-mousedown">mousedown</a></b> :\r
1369                                       (&nbsp;<code>Ext.EventObject&nbsp;e</code>&nbsp;)\r
1370     <div class="mdesc"><div class="short">The raw mousedown event for the entire grid.</div><div class="long">The raw mousedown event for the entire grid.<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>e</code> : Ext.EventObject<div class="sub-desc"></div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.grid.GridPanel.html#mousedown" ext:member="#mousedown" ext:cls="Ext.grid.GridPanel">GridPanel</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.grid.GridPanel-mouseout"></a><b><a href="source/GridPanel.html#event-Ext.grid.GridPanel-mouseout">mouseout</a></b> :\r
1371                                       (&nbsp;<code>Ext.EventObject&nbsp;e</code>&nbsp;)\r
1372     <div class="mdesc"><div class="short">The raw mouseout event for the entire grid.</div><div class="long">The raw mouseout event for the entire grid.<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>e</code> : Ext.EventObject<div class="sub-desc"></div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.grid.GridPanel.html#mouseout" ext:member="#mouseout" ext:cls="Ext.grid.GridPanel">GridPanel</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.grid.GridPanel-mouseover"></a><b><a href="source/GridPanel.html#event-Ext.grid.GridPanel-mouseover">mouseover</a></b> :\r
1373                                       (&nbsp;<code>Ext.EventObject&nbsp;e</code>&nbsp;)\r
1374     <div class="mdesc"><div class="short">The raw mouseover event for the entire grid.</div><div class="long">The raw mouseover event for the entire grid.<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>e</code> : Ext.EventObject<div class="sub-desc"></div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.grid.GridPanel.html#mouseover" ext:member="#mouseover" ext:cls="Ext.grid.GridPanel">GridPanel</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.grid.GridPanel-mouseup"></a><b><a href="source/GridPanel.html#event-Ext.grid.GridPanel-mouseup">mouseup</a></b> :\r
1375                                       (&nbsp;<code>Ext.EventObject&nbsp;e</code>&nbsp;)\r
1376     <div class="mdesc"><div class="short">The raw mouseup event for the entire grid.</div><div class="long">The raw mouseup event for the entire grid.<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>e</code> : Ext.EventObject<div class="sub-desc"></div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.grid.GridPanel.html#mouseup" ext:member="#mouseup" ext:cls="Ext.grid.GridPanel">GridPanel</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.BoxComponent-move"></a><b><a href="source/BoxComponent.html#event-Ext.BoxComponent-move">move</a></b> :\r
1377                                       (&nbsp;<code>Ext.Component&nbsp;this</code>,&nbsp;<code>Number&nbsp;x</code>,&nbsp;<code>Number&nbsp;y</code>&nbsp;)\r
1378     <div class="mdesc"><div class="short">Fires after the component is moved.</div><div class="long">Fires after the component is moved.<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Ext.Component<div class="sub-desc"></div></li><li><code>x</code> : Number<div class="sub-desc">The new x position</div></li><li><code>y</code> : Number<div class="sub-desc">The new y position</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.BoxComponent.html#move" ext:member="#move" ext:cls="Ext.BoxComponent">BoxComponent</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.grid.GridPanel-reconfigure"></a><b><a href="source/GridPanel.html#event-Ext.grid.GridPanel-reconfigure">reconfigure</a></b> :\r
1379                                       (&nbsp;<code>Grid&nbsp;this</code>,&nbsp;<code>Ext.data.Store&nbsp;store</code>,&nbsp;<code>Ext.grid.ColumnModel&nbsp;colModel</code>&nbsp;)\r
1380     <div class="mdesc"><div class="short">Fires when the grid is reconfigured with a new store and/or column model.</div><div class="long">Fires when the grid is reconfigured with a new store and/or column model.<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Grid<div class="sub-desc"></div></li><li><code>store</code> : Ext.data.Store<div class="sub-desc">The new store</div></li><li><code>colModel</code> : Ext.grid.ColumnModel<div class="sub-desc">The new column model</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.grid.GridPanel.html#reconfigure" ext:member="#reconfigure" ext:cls="Ext.grid.GridPanel">GridPanel</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Component-render"></a><b><a href="source/Component.html#event-Ext.Component-render">render</a></b> :\r
1381                                       (&nbsp;<code>Ext.Component&nbsp;this</code>&nbsp;)\r
1382     <div class="mdesc"><div class="short">Fires after the component markup is rendered.</div><div class="long">Fires after the component markup is <a href="output/Ext.Component.html#Ext.Component-rendered" ext:member="rendered" ext:cls="Ext.Component">rendered</a>.<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Ext.Component<div class="sub-desc"></div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Component.html#render" ext:member="#render" ext:cls="Ext.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.BoxComponent-resize"></a><b><a href="source/BoxComponent.html#event-Ext.BoxComponent-resize">resize</a></b> :\r
1383                                       (&nbsp;<code>Ext.Component&nbsp;this</code>,&nbsp;<code>Number&nbsp;adjWidth</code>,&nbsp;<code>Number&nbsp;adjHeight</code>,&nbsp;<code>Number&nbsp;rawWidth</code>,&nbsp;<code>Number&nbsp;rawHeight</code>&nbsp;)\r
1384     <div class="mdesc"><div class="short">Fires after the component is resized.</div><div class="long">Fires after the component is resized.<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Ext.Component<div class="sub-desc"></div></li><li><code>adjWidth</code> : Number<div class="sub-desc">The box-adjusted width that was set</div></li><li><code>adjHeight</code> : Number<div class="sub-desc">The box-adjusted height that was set</div></li><li><code>rawWidth</code> : Number<div class="sub-desc">The width that was originally specified</div></li><li><code>rawHeight</code> : Number<div class="sub-desc">The height that was originally specified</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.BoxComponent.html#resize" ext:member="#resize" ext:cls="Ext.BoxComponent">BoxComponent</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.grid.GridPanel-rowclick"></a><b><a href="source/GridPanel.html#event-Ext.grid.GridPanel-rowclick">rowclick</a></b> :\r
1385                                       (&nbsp;<code>Grid&nbsp;this</code>,&nbsp;<code>Number&nbsp;rowIndex</code>,&nbsp;<code>Ext.EventObject&nbsp;e</code>&nbsp;)\r
1386     <div class="mdesc"><div class="short">Fires when a row is clicked</div><div class="long">Fires when a row is clicked<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Grid<div class="sub-desc"></div></li><li><code>rowIndex</code> : Number<div class="sub-desc"></div></li><li><code>e</code> : Ext.EventObject<div class="sub-desc"></div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.grid.GridPanel.html#rowclick" ext:member="#rowclick" ext:cls="Ext.grid.GridPanel">GridPanel</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.grid.GridPanel-rowcontextmenu"></a><b><a href="source/GridPanel.html#event-Ext.grid.GridPanel-rowcontextmenu">rowcontextmenu</a></b> :\r
1387                                       (&nbsp;<code>Grid&nbsp;this</code>,&nbsp;<code>Number&nbsp;rowIndex</code>,&nbsp;<code>Ext.EventObject&nbsp;e</code>&nbsp;)\r
1388     <div class="mdesc"><div class="short">Fires when a row is right clicked</div><div class="long">Fires when a row is right clicked<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Grid<div class="sub-desc"></div></li><li><code>rowIndex</code> : Number<div class="sub-desc"></div></li><li><code>e</code> : Ext.EventObject<div class="sub-desc"></div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.grid.GridPanel.html#rowcontextmenu" ext:member="#rowcontextmenu" ext:cls="Ext.grid.GridPanel">GridPanel</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.grid.GridPanel-rowdblclick"></a><b><a href="source/GridPanel.html#event-Ext.grid.GridPanel-rowdblclick">rowdblclick</a></b> :\r
1389                                       (&nbsp;<code>Grid&nbsp;this</code>,&nbsp;<code>Number&nbsp;rowIndex</code>,&nbsp;<code>Ext.EventObject&nbsp;e</code>&nbsp;)\r
1390     <div class="mdesc"><div class="short">Fires when a row is double clicked</div><div class="long">Fires when a row is double clicked<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Grid<div class="sub-desc"></div></li><li><code>rowIndex</code> : Number<div class="sub-desc"></div></li><li><code>e</code> : Ext.EventObject<div class="sub-desc"></div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.grid.GridPanel.html#rowdblclick" ext:member="#rowdblclick" ext:cls="Ext.grid.GridPanel">GridPanel</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.grid.GridPanel-rowmousedown"></a><b><a href="source/GridPanel.html#event-Ext.grid.GridPanel-rowmousedown">rowmousedown</a></b> :\r
1391                                       (&nbsp;<code>Grid&nbsp;this</code>,&nbsp;<code>Number&nbsp;rowIndex</code>,&nbsp;<code>Ext.EventObject&nbsp;e</code>&nbsp;)\r
1392     <div class="mdesc"><div class="short">Fires before a row is clicked</div><div class="long">Fires before a row is clicked<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Grid<div class="sub-desc"></div></li><li><code>rowIndex</code> : Number<div class="sub-desc"></div></li><li><code>e</code> : Ext.EventObject<div class="sub-desc"></div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.grid.GridPanel.html#rowmousedown" ext:member="#rowmousedown" ext:cls="Ext.grid.GridPanel">GridPanel</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Component-show"></a><b><a href="source/Component.html#event-Ext.Component-show">show</a></b> :\r
1393                                       (&nbsp;<code>Ext.Component&nbsp;this</code>&nbsp;)\r
1394     <div class="mdesc"><div class="short">Fires after the component is shown when calling the show method.</div><div class="long">Fires after the component is shown when calling the <a href="output/Ext.Component.html#Ext.Component-show" ext:member="show" ext:cls="Ext.Component">show</a> method.<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Ext.Component<div class="sub-desc"></div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Component.html#show" ext:member="#show" ext:cls="Ext.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.grid.GridPanel-sortchange"></a><b><a href="source/GridPanel.html#event-Ext.grid.GridPanel-sortchange">sortchange</a></b> :\r
1395                                       (&nbsp;<code>Grid&nbsp;this</code>,&nbsp;<code>Object&nbsp;sortInfo</code>&nbsp;)\r
1396     <div class="mdesc"><div class="short">Fires when the grid's store sort changes</div><div class="long">Fires when the grid's store sort changes<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Grid<div class="sub-desc"></div></li><li><code>sortInfo</code> : Object<div class="sub-desc">An object with the keys field and direction</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.grid.GridPanel.html#sortchange" ext:member="#sortchange" ext:cls="Ext.grid.GridPanel">GridPanel</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Component-staterestore"></a><b><a href="source/Component.html#event-Ext.Component-staterestore">staterestore</a></b> :\r
1397                                       (&nbsp;<code>Ext.Component&nbsp;this</code>,&nbsp;<code>Object&nbsp;state</code>&nbsp;)\r
1398     <div class="mdesc"><div class="short">Fires after the state of the component is restored.</div><div class="long">Fires after the state of the component is restored.<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Ext.Component<div class="sub-desc"></div></li><li><code>state</code> : Object<div class="sub-desc">The hash of state values returned from the StateProvider. This is passed
1399 to <b><tt>applyState</tt></b>. By default, that simply copies property values into this
1400 Component. The method maybe overriden to provide custom state restoration.</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Component.html#staterestore" ext:member="#staterestore" ext:cls="Ext.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Component-statesave"></a><b><a href="source/Component.html#event-Ext.Component-statesave">statesave</a></b> :\r
1401                                       (&nbsp;<code>Ext.Component&nbsp;this</code>,&nbsp;<code>Object&nbsp;state</code>&nbsp;)\r
1402     <div class="mdesc"><div class="short">Fires after the state of the component is saved to the configured state provider.</div><div class="long">Fires after the state of the component is saved to the configured state provider.<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Ext.Component<div class="sub-desc"></div></li><li><code>state</code> : Object<div class="sub-desc">The hash of state values. This is determined by calling
1403 <b><tt>getState()</tt></b> on the Component. This method must be provided by the
1404 developer to return whetever representation of state is required, by default, Ext.Component
1405 has a null implementation.</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Component.html#statesave" ext:member="#statesave" ext:cls="Ext.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Panel-titlechange"></a><b><a href="source/Panel.html#event-Ext.Panel-titlechange">titlechange</a></b> :\r
1406                                       (&nbsp;<code>Ext.Panel&nbsp;p</code>,&nbsp;<code>String&nbsp;The</code>&nbsp;)\r
1407     <div class="mdesc"><div class="short">Fires after the Panel title has been set or changed.</div><div class="long">Fires after the Panel title has been <a href="output/Ext.Panel.html#Ext.Panel-title" ext:member="title" ext:cls="Ext.Panel">set</a> or <a href="output/Ext.Panel.html#Ext.Panel-setTitle" ext:member="setTitle" ext:cls="Ext.Panel">changed</a>.<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>p</code> : Ext.Panel<div class="sub-desc">the Panel which has had its title changed.</div></li><li><code>The</code> : String<div class="sub-desc">new title.</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Panel.html#titlechange" ext:member="#titlechange" ext:cls="Ext.Panel">Panel</a></td></tr></tbody></table></div>