Upgrade to ExtJS 3.0.0 - Released 07/06/2009
[extjs.git] / docs / output / Ext.grid.EditorGridPanel.html
1 <div class="body-wrap" xmlns:ext="http://www.extjs.com"><div class="top-tools"><a class="inner-link" href="#Ext.grid.EditorGridPanel-props"><img src="resources/images/default/s.gif" class="item-icon icon-prop">Properties</a>&#13;<a class="inner-link" href="#Ext.grid.EditorGridPanel-methods"><img src="resources/images/default/s.gif" class="item-icon icon-method">Methods</a>&#13;<a class="inner-link" href="#Ext.grid.EditorGridPanel-events"><img src="resources/images/default/s.gif" class="item-icon icon-event">Events</a>&#13;<a class="inner-link" href="#Ext.grid.EditorGridPanel-configs"><img src="resources/images/default/s.gif" class="item-icon icon-config">Config Options</a>&#13;<a class="bookmark" href="../docs/?class=Ext.grid.EditorGridPanel"><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">EditorGridPanel</pre></div><h1>Class <a href="source/EditorGrid.html#cls-Ext.grid.EditorGridPanel">Ext.grid.EditorGridPanel</a></h1><table cellspacing="0"><tr><td class="label">Package:</td><td class="hd-info">Ext.grid</td></tr><tr><td class="label">Defined In:</td><td class="hd-info">EditorGrid.js</td></tr><tr><td class="label">Class:</td><td class="hd-info"><a href="source/EditorGrid.html#cls-Ext.grid.EditorGridPanel">EditorGridPanel</a></td></tr><tr><td class="label">Subclasses:</td><td class="hd-info"><a href="output/Ext.grid.PropertyGrid.html" ext:cls="Ext.grid.PropertyGrid">PropertyGrid</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="label">xtype:</td><td class="hd-info">editorgrid</td></tr></table><div class="description"><p>This class extends the <a href="output/Ext.grid.GridPanel.html" ext:cls="Ext.grid.GridPanel">GridPanel Class</a> to provide cell editing
2 on selected <a href="output/Ext.grid.Column.html" ext:cls="Ext.grid.Column">columns</a>. The editable columns are specified by providing
3 an <a href="output/Ext.grid.ColumnModel.html#Ext.grid.ColumnModel-editor" ext:member="editor" ext:cls="Ext.grid.ColumnModel">editor</a> in the <a href="output/Ext.grid.Column.html" ext:cls="Ext.grid.Column">column configuration</a>.</p>
4 <p>Editability of columns may be controlled programatically by inserting an implementation
5 of <a href="output/Ext.grid.ColumnModel.html#Ext.grid.ColumnModel-isCellEditable" ext:member="isCellEditable" ext:cls="Ext.grid.ColumnModel">isCellEditable</a> into the
6 <a href="output/Ext.grid.ColumnModel.html" ext:cls="Ext.grid.ColumnModel">ColumnModel</a>.</p>
7 <p>Editing is performed on the value of the <i>field</i> specified by the column's
8 <tt><a href="output/Ext.grid.ColumnModel.html#Ext.grid.ColumnModel-dataIndex" ext:member="dataIndex" ext:cls="Ext.grid.ColumnModel">dataIndex</a></tt> in the backing <a href="output/Ext.data.Store.html" ext:cls="Ext.data.Store">Store</a>
9 (so if you are using a <a href="output/Ext.grid.ColumnModel.html#Ext.grid.ColumnModel-setRenderer" ext:member="setRenderer" ext:cls="Ext.grid.ColumnModel">renderer</a> in order to display
10 transformed data, this must be accounted for).</p>
11 <p>If a value-to-description mapping is used to render a column, then a <a href="output/Ext.form.Field.html#Ext.form.Field-ComboBox" ext:member="ComboBox" ext:cls="Ext.form.Field">ComboBox</a>
12 which uses the same <a href="output/Ext.form.Field.html#Ext.form.Field-valueField" ext:member="valueField" ext:cls="Ext.form.Field">value</a>-to-<a href="output/Ext.form.Field.html#Ext.form.Field-displayFieldField" ext:member="displayFieldField" ext:cls="Ext.form.Field">description</a>
13 mapping would be an appropriate editor.</p>
14 If there is a more complex mismatch between the visible data in the grid, and the editable data in
15 the <a href="output/Edt.data.Store.html" ext:cls="Edt.data.Store">Store</a>, then code to transform the data both before and after editing can be
16 injected using the <a href="output/Ext.grid.EditorGridPanel.html#Ext.grid.EditorGridPanel-beforeedit" ext:member="beforeedit" ext:cls="Ext.grid.EditorGridPanel">beforeedit</a> and <a href="output/Ext.grid.EditorGridPanel.html#Ext.grid.EditorGridPanel-afteredit" ext:member="afteredit" ext:cls="Ext.grid.EditorGridPanel">afteredit</a> events.</div><div class="hr"></div><a id="Ext.grid.EditorGridPanel-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
17 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
18 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>
19 based layout manager, for example:<div class="mdetail-params"><ul>
20 <li><a href="output/Ext.form.FormPanel.html" ext:cls="Ext.form.FormPanel">Ext.form.FormPanel</a></li>
21 <li>specifying <code>layout: <em>'anchor'</em> <i>// or <em>'form'</em>, or <em>'absolute'</em></i></code></li>
22 </ul></div></p>
23 <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
24 animation (defaults to true if the Ext....</div><div class="long"><tt>true</tt> to animate the transition when the panel is collapsed, <tt>false</tt> to skip the
25 animation (defaults to <tt>true</tt> if the <a href="output/Ext.Fx.html" ext:cls="Ext.Fx">Ext.Fx</a> class is available, otherwise <tt>false</tt>).</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  "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.grid.EditorGridPanel-autoEncode"></a><b><a href="source/EditorGrid.html#cfg-Ext.grid.EditorGridPanel-autoEncode">autoEncode</a></b> : Boolean<div class="mdesc">True to automatically HTML encode and decode values pre and post edit (defaults to false)</div></td><td class="msource">EditorGridPanel</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;
26 this grid that should expand to fill unused space. This value specified here can not&#13;
27 be 0.&#13;
28 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
29 this grid that should expand to fill unused space. This value specified here can not\r
30 be <tt>0</tt>.</p>\r
31 <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
32 <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
33 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
34 for additional details.</p>\r
35 <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
36 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
37 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).
38 Note: Setting autoHeight:true means that th...</div><div class="long"><tt>true</tt> to use height:'auto', <tt>false</tt> to use fixed height (defaults to <tt>false</tt>).
39 <b>Note</b>: Setting <tt>autoHeight:true</tt> means that the browser will manage the panel's height
40 based on its contents, and that Ext will not manage it at all. If the panel is within a layout that
41 manages dimensions (<tt>fit</tt>, <tt>border</tt>, etc.) then setting <tt>autoHeight:true</tt>
42 can cause issues with scrolling and will not generally work as expected since the panel will take
43 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
44 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
45 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').
46 Another option available by default is t...</div><div class="long">The base CSS class to apply to this panel's element (defaults to <tt>'x-panel'</tt>).
47 <p>Another option available by default is to specify <tt>'x-plain'</tt> which strips all styling
48 except for required attributes for Ext layouts to function (e.g. overflow:hidden).
49 See <tt><a href="output/Ext.Panel.html#Ext.Panel-unstyled" ext:member="unstyled" ext:cls="Ext.Panel">unstyled</a></tt> 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
50 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
51 buttons/button configs to be added to the toolbar.  Note that this is not available as a property after render.
52 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>
53 <p><b>Note:</b> Although a Toolbar may contain Field components, these will <b>not<b> be updated by a load
54 of an ancestor FormPanel. A Panel's toolbars are not part of the standard Container->Component hierarchy, and
55 so are not scanned to collect form items. However, the values <b>will</b> be submitted because form
56 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
57 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
58 of this Panel's <a href="output/Ext.Panel.html#Ext.Panel-bbar" ext:member="bbar" ext:cls="Ext.Panel">bbar</a> Element.  See <tt><a href="output/Ext.Panel.html#Ext.Panel-bodyCfg" ext:member="bodyCfg" ext:cls="Ext.Panel">bodyCfg</a></tt> 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
59 Panel Element.
60 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
61 Panel Element.</p>
62 <p>By default, the Default element in the table below will be used for the html markup to
63 create a child element with the commensurate Default class name (<tt>baseCls</tt> will be
64 replaced by <tt><a href="output/Ext.Panel.html#Ext.Panel-baseCls" ext:member="baseCls" ext:cls="Ext.Panel">baseCls</a></tt>):</p>
65 <pre>
66 Panel      Default  Default             Custom      Additional       Additional
67 Element    element  class               element     class            style
68 ========   ==========================   =========   ==============   ===========
69 <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
70 <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
71 + 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
72 + <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>
73 + 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
74 + <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
75 </pre>
76 <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
77 to use a different form of markup than is created by default. An example of this might be
78 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
79 a header, or forcing centering of all Panel content by having the body be a &lt;center&gt;
80 element:</p>
81 <pre><code><b>new</b> Ext.Panel({
82     title: <em>'Message Title'</em>,
83     renderTo: Ext.getBody(),
84     width: 200, height: 130,
85     <b>bodyCfg</b>: {
86         tag: <em>'center'</em>,
87         cls: <em>'x-panel-body'</em>,  <i>// Default class not applied <b>if</b> Custom element specified</i>
88         html: <em>'Message'</em>
89     },
90     footerCfg: {
91         tag: <em>'h2'</em>,
92         cls: <em>'x-panel-footer'</em>        <i>// same as the Default class</i>
93         html: <em>'footer html'</em>
94     },
95     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>
96     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>
97 });</code></pre>
98 <p>The example above also explicitly creates a <tt><a href="output/Ext.Panel.html#Ext.Panel-footer" ext:member="footer" ext:cls="Ext.Panel">footer</a></tt> with custom markup and
99 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
100 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
101 <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,
102 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,
103 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 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',
104 '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 <tt>'right'</tt>,
105 <tt>'left'</tt> and <tt>'center'</tt> (defaults to <tt>'right'</tt>).</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
106 the footer (fbar). Typically the value of this configuration propert...</div><div class="long"><tt>buttons</tt> will be used as <tt><a href="output/Ext.Container.html#Ext.Container-items" ext:member="items" ext:cls="Ext.Container">items</a></tt> for the toolbar in
107 the footer (<tt><a href="output/Ext.Panel.html#Ext.Panel-fbar" ext:member="fbar" ext:cls="Ext.Panel">fbar</a></tt>). Typically the value of this configuration property will be
108 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.
109 If an item is configured with <tt>minWidth</tt> or the Panel is configured with <tt>minButtonWidth</tt>,
110 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
111 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
112 of this Panel's <a href="output/Ext.Panel.html#Ext.Panel-bwrap" ext:member="bwrap" ext:cls="Ext.Panel">bwrap</a> Element.  See <tt><a href="output/Ext.Panel.html#Ext.Panel-bodyCfg" ext:member="bodyCfg" ext:cls="Ext.Panel">bodyCfg</a></tt> 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
113 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
114 directly after each form field wrapper to provide field clearing (defaults to
115 <tt>'x-form-clear-left'</tt>).</p>
116 <br><p><b>Note</b>: this config is only used when this Component is rendered by a Container
117 which has been configured to use the <b><a href="output/Ext.layout.FormLayout.html" ext:cls="Ext.layout.FormLayout">FormLayout</a></b> layout
118 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
119 <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>
120 <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 "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.grid.EditorGridPanel-clicksToEdit"></a><b><a href="source/EditorGrid.html#cfg-Ext.grid.EditorGridPanel-clicksToEdit">clicksToEdit</a></b> : Number<div class="mdesc"><div class="short">The number of clicks on a cell required to display the cell's editor (defaults to 2).
121 Setting this option to 'auto' m...</div><div class="long"><p>The number of clicks on a cell required to display the cell's editor (defaults to 2).</p>
122 <p>Setting this option to 'auto' means that mousedown <i>on the selected cell</i> starts
123 editing that cell.</p></div></div></td><td class="msource">EditorGridPanel</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
124 Ext.Window) or a Panel Cla...</div><div class="long">Panels themselves do not directly support being closed, but some Panel subclasses do (like
125 <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 <tt>true</tt>
126 to enable closing in such situations. Defaults to <tt>false</tt>.</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
127 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
128 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)
129 any other tools in the pane...</div><div class="long"><tt>true</tt> to make sure the collapse/expand toggle button always renders first (to the left of)
130 any other tools in the panel's title bar, <tt>false</tt> to render it last (defaults to <tt>true</tt>).</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"><tt>true</tt> to render the panel collapsed, <tt>false</tt> to render it expanded (defaults to
131 <tt>false</tt>).</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
132 <tt>'x-panel-collapsed'</tt>).</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
133 the header ...</div><div class="long">True to make the panel collapsible and have the expand/collapse toggle button automatically rendered into
134 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
135 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;
136 Ext.grid.ColumnModel.  The ColumnModel may be explicitly created via the&#13;
137 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
138 <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
139 <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
140 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
141 adding customized styles to the container or any of its children using standard CSS rules.  See
142 <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>
143 <p><b>Note</b>: <tt>ctCls</tt> defaults to <tt>''</tt> except for the following class
144 which assigns a value by default:
145 <div class="mdetail-params"><ul>
146 <li><a href="output/Ext.layout.Box.html" ext:cls="Ext.layout.Box">Box Layout</a> : <tt>'x-box-layout-ct'</tt></li>
147 </ul></div>
148 To configure the above Class with an extra CSS class append to the default.  For example,
149 for BoxLayout (Hbox and Vbox):<pre><code>ctCls: <em>'x-box-layout-ct custom-class'</em></code></pre>
150 </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;
151 ddText : '{0} selected row{1}'&#13;
152 {0} is replaced with the number...</div><div class="long">Configures the text in the drag proxy.  Defaults to:\r
153 <pre><code>ddText : <em>'{0} selected row{1}'</em></code></pre>\r
154 <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;
155 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
156 <p>This allows the GridPanel to be initially rendered empty, with the expensive update of the row\r
157 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
158 <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
159 config on panels is that IE ...</div><div class="long">Render this panel disabled (default is <tt>false</tt>). An important note when using the disabled
160 config on panels is that IE will often fail to initialize the disabled mask element correectly if
161 the panel's layout has not yet completed by the time the Panel is disabled during the render process.
162 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
163 the disabled state:
164 <pre><code><b>new</b> Ext.Panel({
165     ...
166     listeners: {
167         <em>'afterlayout'</em>: {
168             fn: <b>function</b>(p){
169                 p.disable();
170             },
171             single: true <i>// important, as many layouts can occur</i>
172         }
173     }
174 });</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).
175 For custom drag/drop implementations, an Ext.Panel.DD conf...</div><div class="long"><p><tt>true</tt> to enable dragging of this Panel (defaults to <tt>false</tt>).</p>
176 <p>For custom drag/drop implementations, an <b>Ext.Panel.DD</b> config could also be passed
177 in this config instead of <tt>true</tt>. Ext.Panel.DD is an internal, undocumented class which
178 moves a proxy Element around in place of the Panel's element, but provides no other behaviour
179 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
180 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.:
181 <pre><code><b>new</b> Ext.Panel({
182     title: <em>'Drag me'</em>,
183     x: 100,
184     y: 100,
185     renderTo: Ext.getBody(),
186     floating: true,
187     frame: true,
188     width: 400,
189     height: 200,
190     draggable: {
191 <i>//      Config option of Ext.Panel.DD class.</i>
192 <i>//      It&#39;s a floating Panel, so <b>do</b> not show a placeholder proxy <b>in</b> the original position.</i>
193         insertProxy: false,
194
195 <i>//      Called <b>for</b> each mousemove event <b>while</b> dragging the DD object.</i>
196         onDrag : <b>function</b>(e){
197 <i>//          Record the x,y position of the drag proxy so that we can</i>
198 <i>//          position the Panel at end of drag.</i>
199             <b>var</b> pel = this.proxy.getEl();
200             this.x = pel.getLeft(true);
201             this.y = pel.getTop(true);
202
203 <i>//          Keep the Shadow aligned <b>if</b> there is one.</i>
204             <b>var</b> s = this.panel.getEl().shadow;
205             <b>if</b> (s) {
206                 s.realign(this.x, this.y, pel.getWidth(), pel.getHeight());
207             }
208         },
209
210 <i>//      Called on the mouseup event.</i>
211         endDrag : <b>function</b>(e){
212             this.panel.setPosition(this.x, this.y);
213         }
214     }
215 }).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 hiding of columns with the header context menu.</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
216 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;
217 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
218 <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
219 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
220 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
221 property.</p>\r
222 <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
223 <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
224 <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
225 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
226 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
227 <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>
228 <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>
229 <p>If <tt><a href="output/Ext.Panel.html#Ext.Panel-buttons" ext:member="buttons" ext:cls="Ext.Panel">buttons</a></tt> are specified, they will supersede the <tt>fbar</tt> configuration property.</p>
230 The Panel's <tt><a href="output/Ext.Panel.html#Ext.Panel-buttonAlign" ext:member="buttonAlign" ext:cls="Ext.Panel">buttonAlign</a></tt> configuration affects the layout of these items, for example:
231 <pre><code><b>var</b> w = <b>new</b> Ext.Window({
232     height: 250,
233     width: 500,
234     bbar: <b>new</b> Ext.Toolbar({
235         items: [{
236             text: <em>'bbar Left'</em>
237         },<em>'->'</em>,{
238             text: <em>'bbar Right'</em>
239         }]
240     }),
241     <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>
242                                   <i>// to control the alignment of fbar items</i>
243     fbar: [{
244         text: <em>'fbar Left'</em>
245     },<em>'->'</em>,{
246         text: <em>'fbar Right'</em>
247     }]
248 }).show();</code></pre>
249 <p><b>Note:</b> Although a Toolbar may contain Field components, these will <b>not<b> be updated by a load
250 of an ancestor FormPanel. A Panel's toolbars are not part of the standard Container->Component hierarchy, and
251 so are not scanned to collect form items. However, the values <b>will</b> be submitted because form
252 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 '').
253 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>
254 <br><p><b>Note</b>: this config is only used when this Component is rendered by a Container which
255 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.
256 <a href="output/Ext.form.FormPanel.html" ext:cls="Ext.form.FormPanel">Ext.form.FormPanel</a> or specifying <tt>layout:'form'</tt>).</p><br>
257 <p>Also see <tt><a href="output/Ext.Component.html#Ext.Component-hideLabel" ext:member="hideLabel" ext:cls="Ext.Component">hideLabel</a></tt> and
258 <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>
259 Example use:<pre><code><b>new</b> Ext.FormPanel({
260     height: 100,
261     renderTo: Ext.getBody(),
262     items: [{
263         xtype: <em>'textfield'</em>,
264         fieldLabel: <em>'Name'</em>
265     }]
266 });</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
267 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
268 configuration property are:</p><div class="mdetail-params"><ul>
269 <li><b><tt>false</tt></b> : <b>Default.</b><div class="sub-desc">Display the panel inline where it is
270 rendered.</div></li>
271 <li><b><tt>true</tt></b> : <div class="sub-desc">Float the panel (absolute position it with automatic
272 shimming and shadow).<ul>
273 <div class="sub-desc">Setting floating to true will create an Ext.Layer for this panel and display the
274 panel at negative offsets so that it is hidden.</div>
275 <div class="sub-desc">Since the panel will be absolute positioned, the position must be set explicitly
276 <i>after</i> render (e.g., <tt>myPanel.setPosition(100,100);</tt>).</div>
277 <div class="sub-desc"><b>Note</b>: when floating a panel you should always assign a fixed width,
278 otherwise it will be auto width and will expand to fill to the right edge of the viewport.</div>
279 </ul></div></li>
280 <li><b><tt><a href="output/Ext.Layer.html" ext:cls="Ext.Layer">object</a></tt></b> : <div class="sub-desc">The specified object will be used
281 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>
282 </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
283 will be created automatically if ...</div><div class="long"><tt>true</tt> to create the footer element explicitly, false to skip creating it. The footer
284 will be created automatically if <tt><a href="output/Ext.Panel.html#Ext.Panel-buttons" ext:member="buttons" ext:cls="Ext.Panel">buttons</a></tt> or a <tt><a href="output/Ext.Panel.html#Ext.Panel-fbar" ext:member="fbar" ext:cls="Ext.Panel">fbar</a></tt> have
285 been configured.  See <tt><a href="output/Ext.Panel.html#Ext.Panel-bodyCfg" ext:member="bodyCfg" ext:cls="Ext.Panel">bodyCfg</a></tt> 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
286 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
287 of this Panel's <a href="output/Ext.Panel.html#Ext.Panel-footer" ext:member="footer" ext:cls="Ext.Panel">footer</a> Element.  See <tt><a href="output/Ext.Panel.html#Ext.Panel-bodyCfg" ext:member="bodyCfg" ext:cls="Ext.Panel">bodyCfg</a></tt> 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
288 is useful for forcing fo...</div><div class="long">If true the container will force a layout initially even if hidden or collapsed. This option
289 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  "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.grid.EditorGridPanel-forceValidation"></a><b><a href="source/EditorGrid.html#cfg-Ext.grid.EditorGridPanel-forceValidation">forceValidation</a></b> : Boolean<div class="mdesc">True to force validation even if the value is unmodified (defaults to false)</div></td><td class="msource">EditorGridPanel</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
290 9 elements, complete with custom rounde...</div><div class="long"><tt>false</tt> by default to render with plain 1px square borders. <tt>true</tt> to render with
291 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>).
292 <p>The template generated for each condition is depicted below:</p><pre><code><i>// frame = false</i>
293 &lt;div id=<em>"developer-specified-id-goes-here"</em> class=<em>"x-panel"</em>>
294
295     &lt;div class=<em>"x-panel-header"</em>>&lt;span class=<em>"x-panel-header-text"</em>>Title: (frame:false)&lt;/span>&lt;/div>
296
297     &lt;div class=<em>"x-panel-bwrap"</em>>
298         &lt;div class=<em>"x-panel-body"</em>>&lt;p>html value goes here&lt;/p>&lt;/div>
299     &lt;/div>
300 &lt;/div>
301
302 <i>// frame = true (create 9 elements)</i>
303 &lt;div id=<em>"developer-specified-id-goes-here"</em> class=<em>"x-panel"</em>>
304     &lt;div class=<em>"x-panel-tl"</em>>&lt;div class=<em>"x-panel-tr"</em>>&lt;div class=<em>"x-panel-tc"</em>>
305         &lt;div class=<em>"x-panel-header"</em>>&lt;span class=<em>"x-panel-header-text"</em>>Title: (frame:true)&lt;/span>&lt;/div>
306     &lt;/div>&lt;/div>&lt;/div>
307
308     &lt;div class=<em>"x-panel-bwrap"</em>>
309         &lt;div class=<em>"x-panel-ml"</em>>&lt;div class=<em>"x-panel-mr"</em>>&lt;div class=<em>"x-panel-mc"</em>>
310             &lt;div class=<em>"x-panel-body"</em>>&lt;p>html value goes here&lt;/p>&lt;/div>
311         &lt;/div>&lt;/div>&lt;/div>
312
313         &lt;div class=<em>"x-panel-bl"</em>>&lt;div class=<em>"x-panel-br"</em>>&lt;div class=<em>"x-panel-bc"</em>/>
314         &lt;/div>&lt;/div>&lt;/div>
315 &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
316 it.  If a title is set the header will b...</div><div class="long"><tt>true</tt> to create the Panel's header element explicitly, <tt>false</tt> to skip creating
317 it.  If a <tt><a href="output/Ext.Panel.html#Ext.Panel-title" ext:member="title" ext:cls="Ext.Panel">title</a></tt> is set the header will be created automatically, otherwise it will not.
318 If a <tt><a href="output/Ext.Panel.html#Ext.Panel-title" ext:member="title" ext:cls="Ext.Panel">title</a></tt> is set but <tt>header</tt> is explicitly set to <tt>false</tt>, the header
319 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"><tt>true</tt> to display the panel <tt><a href="output/Ext.Panel.html#Ext.Panel-title" ext:member="title" ext:cls="Ext.Panel">title</a></tt> in the <tt><a href="output/Ext.Panel.html#Ext.Panel-header" ext:member="header" ext:cls="Ext.Panel">header</a></tt>,
320 <tt>false</tt> to hide it (defaults to <tt>true</tt>).</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
321 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
322 of this Panel's <a href="output/Ext.Panel.html#Ext.Panel-header" ext:member="header" ext:cls="Ext.Panel">header</a> Element.  See <tt><a href="output/Ext.Panel.html#Ext.Panel-bodyCfg" ext:member="bodyCfg" ext:cls="Ext.Panel">bodyCfg</a></tt> 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).
323 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).
324 <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
325 <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"><tt>true</tt> 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>,
326 <tt>false</tt> to display it (defaults to <tt>false</tt>).</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
327 (label and separator). Defaults to false.
328 By default, even if you do not sp...</div><div class="long"><p><tt>true</tt> to completely hide the label element
329 (<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>.
330 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
331 reserved so that the field will line up with other fields that do have labels.
332 Setting this to <tt>true</tt> will cause the field to not reserve that space.</p>
333 <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>
334 Example use:<pre><code><b>new</b> Ext.FormPanel({
335     height: 100,
336     renderTo: Ext.getBody(),
337     items: [{
338         xtype: <em>'textfield'</em>
339         hideLabel: true
340     }]
341 });</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'
342 (css visibility), 'offsets' (negative offset p...</div><div class="long"><p>How this component should be hidden. Supported values are <tt>'visibility'</tt>
343 (css visibility), <tt>'offsets'</tt> (negative offset position) and <tt>'display'</tt>
344 (css display).</p>
345 <br><p><b>Note</b>: the default of <tt>'display'</tt> is generally preferred
346 since items are automatically laid out when they are first shown (no sizing
347 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
348 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
349 and show the component itself (defaults to false).  For example, this can be used as a shortcut for a hide
350 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 '').
351 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 '').
352 <p>An example of specifying a custom icon class would be something like:
353 </p><pre><code><i>// specify the property <b>in</b> the config <b>for</b> the class:</i>
354      ...
355      iconCls: <em>'my-icon'</em>
356
357 <i>// css class that specifies background image to be used as the icon image:</i>
358 .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).
359 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>).
360 You should assign an id if you need to be able to access the component later and you do
361 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>
362 <p>Note that this id will also be used as the element id for the containing HTML element
363 that is rendered to the page for this component. This allows you to write id-based CSS
364 rules to style the specific instance of this component uniquely, and also to select
365 sub-elements using this component's id as the parent.</p>
366 <p><b>Note</b>: to avoid complications imposed by a unique <tt>id</tt> also see
367 <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>
368 <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">An additional CSS class to apply to the div wrapping the form item
369 element of this field.  If supplied, itemCls at th...</div><div class="long"><p>An additional CSS class to apply to the div wrapping the form item
370 element of this field.  If supplied, <tt>itemCls</tt> at the <b>field</b> level will override
371 the default <tt>itemCls</tt> supplied at the <b>container</b> level. The value specified for
372 <tt>itemCls</tt> will be added to the default class (<tt>'x-form-item'</tt>).</p>
373 <p>Since it is applied to the item wrapper (see
374 <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
375 you to write standard CSS rules that can apply to the field, the label (if specified), or
376 any other element within the markup for the field.</p>
377 <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>
378 Example use:<pre><code><i>// Apply a style to the field<em>'s <b>label</b>:</i>
379 &lt;style>
380     .required .x-form-item-<b>label</b> {font-weight:bold;color:red;}
381 &lt;/style>
382
383 <b>new</b> Ext.FormPanel({
384         height: 100,
385         renderTo: Ext.getBody(),
386         items: [{
387                 xtype: '</em>textfield<em>',
388                 fieldLabel: '</em>Name<em>',
389                 itemCls: '</em>required<em>' <i>//this <b>label</b> will be styled</i>
390         },{
391                 xtype: '</em>textfield<em>',
392                 fieldLabel: '</em>Favorite Color<em>'
393         }]
394 });</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
395 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
396 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
397 <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
398 <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
399 <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
400 container's internal MixedCollection, the <code>itemId</code> is scoped locally to the container --
401 avoiding potential conflicts with <a href="output/Ext.ComponentMgr.html" ext:cls="Ext.ComponentMgr">Ext.ComponentMgr</a> which requires a <b>unique</b>
402 <code><a href="output/Ext.Component.html#Ext.Component-id" ext:member="id" ext:cls="Ext.Component">id</a></code>.</p>
403 <pre><code><b>var</b> c = <b>new</b> Ext.Panel({ <i>//</i>
404     <a href="output/Ext.BoxComponent.html#Ext.BoxComponent-height" ext:member="height" ext:cls="Ext.BoxComponent">height</a>: 300,
405     <a href="output/Ext.Component.html#Ext.Component-renderTo" ext:member="renderTo" ext:cls="Ext.Component">renderTo</a>: document.body,
406     <a href="output/Ext.Container.html#Ext.Container-layout" ext:member="layout" ext:cls="Ext.Container">layout</a>: <em>'auto'</em>,
407     <a href="output/Ext.Container.html#Ext.Container-items" ext:member="items" ext:cls="Ext.Container">items</a>: [
408         {
409             itemId: <em>'p1'</em>,
410             <a href="output/Ext.Panel.html#Ext.Panel-title" ext:member="title" ext:cls="Ext.Panel">title</a>: <em>'Panel 1'</em>,
411             <a href="output/Ext.BoxComponent.html#Ext.BoxComponent-height" ext:member="height" ext:cls="Ext.BoxComponent">height</a>: 150
412         },
413         {
414             itemId: <em>'p2'</em>,
415             <a href="output/Ext.Panel.html#Ext.Panel-title" ext:member="title" ext:cls="Ext.Panel">title</a>: <em>'Panel 2'</em>,
416             <a href="output/Ext.BoxComponent.html#Ext.BoxComponent-height" ext:member="height" ext:cls="Ext.BoxComponent">height</a>: 150
417         }
418     ]
419 })
420 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>
421 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>
422 <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>
423 <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
424 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>
425 used to assign custom key handling to this panel (defaults to <tt>null</tt>).</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
426 fieldLabel.  This property may be configured at various levels.
427 The o...</div><div class="long"><p>The separator to display after the text of each
428 <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.
429 The order of precedence is:
430 <div class="mdetail-params"><ul>
431 <li>field / component level</li>
432 <li>container level</li>
433 <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>
434 </ul></div>
435 To display no separator for this field's label specify empty string ''.</p>
436 <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>
437 <p>Also see <tt><a href="output/Ext.Component.html#Ext.Component-hideLabel" ext:member="hideLabel" ext:cls="Ext.Component">hideLabel</a></tt> and
438 <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>
439 Example use:<pre><code><b>new</b> Ext.FormPanel({
440     height: 100,
441     renderTo: Ext.getBody(),
442     layoutConfig: {
443         labelSeparator: <em>'~'</em>   <i>// layout config has lowest priority (defaults to <em>':'</em>)</i>
444     },
445     <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>
446     items: [{
447         xtype: <em>'textfield'</em>,
448         fieldLabel: <em>'Field 1'</em>,
449         labelSeparator: <em>'...'</em> <i>// field/component level config supersedes others</i>
450     },{
451         xtype: <em>'textfield'</em>,
452         fieldLabel: <em>'Field 2'</em> <i>// labelSeparator will be <em>'='</em></i>
453     }]
454 });</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
455 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
456 label.  Defaults to the container's labelStyle value if set (e.g.,
457 <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>
458 <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>
459 <p>Also see <code><a href="output/Ext.Component.html#Ext.Component-hideLabel" ext:member="hideLabel" ext:cls="Ext.Component">hideLabel</a></code> and
460 <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>
461 Example use:<pre><code><b>new</b> Ext.FormPanel({
462     height: 100,
463     renderTo: Ext.getBody(),
464     items: [{
465         xtype: <em>'textfield'</em>,
466         fieldLabel: <em>'Name'</em>,
467         labelStyle: <em>'font-weight:bold;'</em>
468     }]
469 });</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
470 object during initialization.  This should ...</div><div class="long"><p>A config object containing one or more event handlers to be added to this
471 object during initialization.  This should be a valid listeners config object as specified in the
472 <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>
473 <br><p><b><u>DOM events from ExtJs <a href="output/Ext.Component.html" ext:cls="Ext.Component">Components</a></u></b></p>
474 <br><p>While <i>some</i> ExtJs Component classes export selected DOM events (e.g. "click", "mouseover" etc), this
475 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
476 <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
477 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
478 has been rendered. A plugin can simplify this step:<pre><code><i>// Plugin is configured <b>with</b> a listeners config object.</i>
479 <i>// The Component is appended to the argument list of all handler functions.</i>
480 Ext.DomObserver = Ext.extend(Object, {
481     constructor: <b>function</b>(config) {
482         this.listeners = config.listeners ? config.listeners : config;
483     },
484
485     <i>// Component passes itself into plugin&#39;s init method</i>
486     init: <b>function</b>(c) {
487         <b>var</b> p, l = this.listeners;
488         <b>for</b> (p <b>in</b> l) {
489             <b>if</b> (Ext.isFunction(l[p])) {
490                 l[p] = this.createHandler(l[p], c);
491             } <b>else</b> {
492                 l[p].fn = this.createHandler(l[p].fn, c);
493             }
494         }
495
496         <i>// Add the listeners to the Element immediately following the render call</i>
497         c.render = c.render.<a href="output/Function.html#Function-createSequence" ext:member="createSequence" ext:cls="Function">createSequence</a>(<b>function</b>() {
498             <b>var</b> e = c.getEl();
499             <b>if</b> (e) {
500                 e.on(l);
501             }
502         });
503     },
504
505     createHandler: <b>function</b>(fn, c) {
506         <b>return</b> <b>function</b>(e) {
507             fn.call(this, e, c);
508         };
509     }
510 });
511
512 <b>var</b> combo = <b>new</b> Ext.form.ComboBox({
513
514     <i>// Collapse combo when its element is clicked on</i>
515     plugins: [ <b>new</b> Ext.DomObserver({
516         click: <b>function</b>(evt, comp) {
517             comp.collapse();
518         }
519     })],
520     store: myStore,
521     typeAhead: true,
522     mode: <em>'local'</em>,
523     triggerAction: <em>'all'</em>
524 });</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
525 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
526 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
527 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>
528 or one of the two <b><a href="output/Ext.layout.BoxLayout.html" ext:cls="Ext.layout.BoxLayout">BoxLayout</a> subclasses.</b></p>
529 <p>An object containing margins to apply to this BoxComponent in the
530 format:</p><pre><code>{
531     top: (top margin),
532     right: (right margin),
533     bottom: (bottom margin),
534     left: (left margin)
535 }</code></pre>
536 <p>May also be a string containing space-separated, numeric margin values. The order of the
537 sides associated with each value matches the way CSS processes margin values:</p>
538 <p><div class="mdetail-params"><ul>
539 <li>If there is only one value, it applies to all sides.</li>
540 <li>If there are two values, the top and bottom borders are set to the first value and the
541 right and left are set to the second.</li>
542 <li>If there are three values, the top is set to the first value, the left and right are set
543 to the second, and the bottom is set to the third.</li>
544 <li>If there are four values, they apply to the top, right, bottom, and left, respectively.</li>
545 </ul></div></p>
546 <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
547 to true).  Either way, the panel will alwa...</div><div class="long"><tt>true</tt> 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>, <tt>false</tt> to not mask it (defaults
548 to <tt>true</tt>).  Either way, the panel will always tell its contained elements to disable themselves
549 when it is disabled, but masking the panel can provide an additional visual cue that the panel is
550 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 <tt>75</tt>)</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
551 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
552 over the Element, and removed when the mouse moves out. (defaults to '').  This can be
553 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
554 requirement for a ...</div><div class="long">An object or array of objects that will provide custom functionality for this component.  The only
555 requirement for a valid plugin is that it contain an init method that accepts a reference of type Ext.Component.
556 When a component is created, if any plugins are available, the component will call the init method on each
557 plugin, passing a reference to itself.  Each plugin can then call methods or respond to events on the
558 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
559 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
560 a config object into a constructor. This config option is used only when
561 lazy instantiation is being used, and a Plugin is being
562 specified not as a fully instantiated Component, but as a <i>Component config
563 object</i>. The <tt>ptype</tt> will be looked up at render time up to determine what
564 type of Plugin to create.<br><br>
565 If you create your own Plugins, you may register them using
566 <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
567 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
568 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
569 ancestor Container to place a named reference to this Component.</p>
570 <p>The ancestor axis can be traversed by using '/' characters in the path.
571 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({
572     title: <em>'My EditorGridPanel'</em>,
573     store: myStore,
574     colModel: myColModel,
575     tbar: [{
576         text: <em>'Save'</em>,
577         handler: saveChanges,
578         disabled: true,
579         ref: <em>'../saveButton'</em>
580     }],
581     listeners: {
582         afteredit: <b>function</b>() {
583 <i>//          The button reference is <b>in</b> the GridPanel</i>
584             myGrid.saveButton.enable();
585         }
586     }
587 });</code></pre>
588 <p>In the code above, if the ref had been <code><em>'saveButton'</em></code> the reference would
589 have been placed into the Toolbar. Each '/' in the ref moves up one level from the
590 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
591 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
592 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>
593 layout manager (e.g. specifying <tt>layout:'border'</tt>).</p><br>
594 <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
595 will be rendered into.
596 Notes ...</div><div class="long"><p>Specify the id of the element, a DOM element or an existing Element that this component
597 will be rendered into.</p><div><ul>
598 <li><b>Notes</b> : <ul>
599 <div class="sub-desc">Do <u>not</u> use this option if the Component is to be a child item of
600 a <a href="output/Ext.Container.html" ext:cls="Ext.Container">Container</a>. It is the responsibility of the
601 <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>
602 to render and manage its child items.</div>
603 <div class="sub-desc">When using this config, a call to render() is not required.</div>
604 </ul></li>
605 </ul></div>
606 <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 expandable "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.grid.EditorGridPanel-selModel"></a><b><a href="source/EditorGrid.html#cfg-Ext.grid.EditorGridPanel-selModel">selModel</a></b> : Object<div class="mdesc"><div class="short">Any subclass of AbstractSelectionModel that will provide the selection model for
607 the grid (defaults to Ext.grid.CellS...</div><div class="long">Any subclass of AbstractSelectionModel that will provide the selection model for
608 the grid (defaults to <a href="output/Ext.grid.CellSelectionModel.html" ext:cls="Ext.grid.CellSelectionModel">Ext.grid.CellSelectionModel</a> if not specified).</div></div></td><td class="msource">EditorGridPanel</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
609 panel, false to display no shadow (...</div><div class="long"><tt>true</tt> (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
610 panel, <tt>false</tt> to display no shadow (defaults to <tt>'sides'</tt>).  Note that this option
611 only applies when <tt><a href="output/Ext.Panel.html#Ext.Panel-floating" ext:member="floating" ext:cls="Ext.Panel">floating</a> = true</tt>.</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
612 option only applies when float...</div><div class="long">The number of pixels to offset the shadow if displayed (defaults to <tt>4</tt>). Note that this
613 option only applies when <tt><a href="output/Ext.Panel.html#Ext.Panel-floating" ext:member="floating" ext:cls="Ext.Panel">floating</a> = true</tt>.</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).
614 Note that this option only applies wh...</div><div class="long"><tt>false</tt> to disable the iframe shim in browsers which need one (defaults to <tt>true</tt>).
615 Note that this option only applies when <tt><a href="output/Ext.Panel.html#Ext.Panel-floating" ext:member="floating" ext:cls="Ext.Panel">floating</a> = true</tt>.</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;
616 Defaults to:stateEvents: ['col...</div><div class="long">An array of events that, when fired, should trigger this component to save its state.\r
617 Defaults to:<pre><code>stateEvents: [<em>'columnmove'</em>, <em>'columnresize'</em>, <em>'sortchange'</em>]</code></pre>\r
618 <p>These can be any types of events supported by this component, including browser or\r
619 custom events (e.g., <tt>['click', 'customerchange']</tt>).</p>\r
620 <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
621 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
622 (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
623 (defaults to the component id if one was set, otherwise null if the
624 component is using a generated id).
625 <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
626 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
627 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
628 internal properties from a saved state on startup. The component must have
629 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
630 for state to be managed. Auto-generated ids are not guaranteed to be stable
631 across page loads and cannot be relied upon to save and restore the same
632 state for a component.<p>
633 <p>For state saving to work, the state manager's provider must have been
634 set to an implementation of <a href="output/Ext.state.Provider.html" ext:cls="Ext.state.Provider">Ext.state.Provider</a> which overrides the
635 <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>
636 methods to save and recall name/value pairs. A built-in implementation,
637 <a href="output/Ext.state.CookieProvider.html" ext:cls="Ext.state.CookieProvider">Ext.state.CookieProvider</a> is available.</p>
638 <p>To set the state provider for the current page:</p>
639 <pre><code>Ext.state.Manager.setProvider(<b>new</b> Ext.state.CookieProvider({
640     expires: <b>new</b> Date(<b>new</b> Date().getTime()+(1000*60*60*24*7)), <i>//7 days from now</i>
641 }));</code></pre>
642 <p>A stateful Component attempts to save state when one of the events
643 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>
644 <p>To save state, a stateful Component first serializes its state by
645 calling <b><code>getState</code></b>. By default, this function does
646 nothing. The developer must provide an implementation which returns an
647 object hash which represents the Component's restorable state.</p>
648 <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>
649 which uses the configured <a href="output/Ext.state.Provider.html" ext:cls="Ext.state.Provider">Ext.state.Provider</a> to save the object
650 keyed by the Component's <code><a href="output/stateId.html" ext:cls="stateId">stateId</a></code>, or, if that is not
651 specified, its <code><a href="output/Ext.Component.html#Ext.Component-id" ext:member="id" ext:cls="Ext.Component">id</a></code>.</p>
652 <p>During construction, a stateful Component attempts to <i>restore</i>
653 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
654 <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
655 <code><a href="output/Ext.Component.html#Ext.Component-id" ext:member="id" ext:cls="Ext.Component">id</a></code>.</p>
656 <p>The resulting object is passed to <b><code>applyState</code></b>.
657 The default implementation of <code>applyState</code> simply copies
658 properties into the object, but a developer may override this to support
659 more behaviour.</p>
660 <p>You can perform extra processing on state save and restore by attaching
661 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>,
662 <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;
663 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
664 <p>This causes the CSS class <tt><b>x-grid3-row-alt</b></tt> to be added to alternate rows of\r
665 the grid. A default CSS rule is provided which sets a background colour, but you can override this\r
666 with a rule which either overrides the <b>background-color</b> style using the '!important'\r
667 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
668 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
669 <a href="output/Ext.Element.html#Ext.Element-applyStyles" ext:member="applyStyles" ext:cls="Ext.Element">Ext.Element.applyStyles</a>.
670 <pre><code><b>new</b> Ext.Panel({
671     title: <em>'Some Title'</em>,
672     renderTo: Ext.getBody(),
673     width: 400, height: 300,
674     layout: <em>'form'</em>,
675     items: [{
676         xtype: <em>'textarea'</em>,
677         style: {
678             width: <em>'95%'</em>,
679             marginBottom: <em>'10px'</em>
680         }
681     },
682         <b>new</b> Ext.Button({
683             text: <em>'Send'</em>,
684             minWidth: <em>'100'</em>,
685             style: {
686                 marginBottom: <em>'10px'</em>
687             }
688         })
689     ]
690 });</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.Panel-tabTip"></a><b><a href="source/Panel.html#cfg-Ext.Panel-tabTip">tabTip</a></b> : String<div class="mdesc"><div class="short">A string to be used as innerHTML (html tags are accepted) to show in a tooltip when mousing over
691 the tab of a Ext.Pan...</div><div class="long">A string to be used as innerHTML (html tags are accepted) to show in a tooltip when mousing over
692 the tab of a Ext.Panel which is an item of a <a href="output/Ext.TabPanel.html" ext:cls="Ext.TabPanel">Ext.TabPanel</a>. <a href="output/Ext.QuickTips.html" ext:cls="Ext.QuickTips">Ext.QuickTips</a>.init()
693 must be called in order for the tips to render.</div></div></td><td class="msource"><a href="output/Ext.Panel.html#tabTip" ext:member="#tabTip" 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-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
694 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
695 buttons/button configs to be added to the toolbar.  Note that this is not available as a property after render.
696 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>
697 <p><b>Note:</b> Although a Toolbar may contain Field components, these will <b>not</b> be updated by a load
698 of an ancestor FormPanel. A Panel's toolbars are not part of the standard Container->Component hierarchy, and
699 so are not scanned to collect form items. However, the values <b>will</b> be submitted because form
700 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
701 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
702 of this Panel's <a href="output/Ext.Panel.html#Ext.Panel-tbar" ext:member="tbar" ext:cls="Ext.Panel">tbar</a> Element.  See <tt><a href="output/Ext.Panel.html#Ext.Panel-bodyCfg" ext:member="bodyCfg" ext:cls="Ext.Panel">bodyCfg</a></tt> 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
703 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
704 <tt><a href="output/Ext.Panel.html#Ext.Panel-header" ext:member="header" ext:cls="Ext.Panel">header</a></tt> (defaults to ''). When a <tt>title</tt> is specified the
705 <tt><a href="output/Ext.Panel.html#Ext.Panel-header" ext:member="header" ext:cls="Ext.Panel">header</a></tt> element will automatically be created and displayed unless
706 <a href="output/Ext.Panel.html#Ext.Panel-header" ext:member="header" ext:cls="Ext.Panel">header</a> is explicitly set to <tt>false</tt>.  If you do not want to specify a
707 <tt>title</tt> at config time, but you may want one later, you must either specify a non-empty
708 <tt>title</tt> (a blank space ' ' will do) or <tt>header:true</tt> so that the container
709 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)
710 by clicking anywhere in the header bar, fa...</div><div class="long"><tt>true</tt> to allow expanding and collapsing the panel (when <tt><a href="output/Ext.Panel.html#Ext.Panel-collapsible" ext:member="collapsible" ext:cls="Ext.Panel">collapsible</a> = true</tt>)
711 by clicking anywhere in the header bar, <tt>false</tt>) to allow it only by clicking to tool button
712 (defaults to <tt>false</tt>)). If this panel is a child item of a border layout also see the
713 <a href="output/Ext.layout.BorderLayout.Region.html" ext:cls="Ext.layout.BorderLayout.Region">BorderLayout.Region</a>
714 <tt><a href="output/Ext.layout.BorderLayout.Region.html#Ext.layout.BorderLayout.Region-floatable" ext:member="floatable" ext:cls="Ext.layout.BorderLayout.Region">floatable</a></tt> 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>
715 <p>This may may be overridden to provide a custom DOM structure for tools based upon a more
716 complex XTemplate. The template's data is a single tool configuration object (Not the entire Array)
717 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
718 visual indication when hovering over the tool:</p><pre><code><b>var</b> win = <b>new</b> Ext.Window({
719     tools: [{
720         id: <em>'download'</em>,
721         href: <em>'/MyPdfDoc.pdf'</em>
722     }],
723     toolTemplate: <b>new</b> Ext.XTemplate(
724         <em>'&lt;tpl <b>if</b>=<em>"id==\'</em>download\<em>'"</em>>'</em>,
725             <em>'&lt;a class=<em>"x-tool x-tool-pdf"</em> href=<em>"{href}"</em>>&lt;/a>'</em>,
726         <em>'&lt;/tpl>'</em>,
727         <em>'&lt;tpl <b>if</b>=<em>"id!=\'</em>download\<em>'"</em>>'</em>,
728             <em>'&lt;div class=<em>"x-tool x-tool-{id}"</em>>&amp;#160;&lt;/div>'</em>,
729         <em>'&lt;/tpl>'</em>
730     ),
731     width:500,
732     height:300,
733     closeAction:<em>'hide'</em>
734 });</code></pre>
735 <p>Note that the CSS class "x-tool-pdf" should have an associated style rule which provides an
736 appropriate background image, something like:</p>
737     <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
738 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
739 stored as an <a href="output/Ext.Element.html" ext:cls="Ext.Element">Element</a> referenced by a public property called <tt><b></b>tools.<i>&lt;tool-type&gt;</i></tt>
740 <p>Each tool config may contain the following properties:
741 <div class="mdetail-params"><ul>
742 <li><b>id</b> : String<div class="sub-desc"><b>Required.</b> The type
743 of tool to create. By default, this assigns a CSS class of the form <tt>x-tool-<i>&lt;tool-type&gt;</i></tt> to the
744 resulting tool Element. Ext provides CSS rules, and an icon sprite containing images for the tool types listed below.
745 The developer may implement custom tools by supplying alternate CSS rules and background images:
746 <ul>
747 <div class="x-tool x-tool-toggle" style="float:left; margin-right:5;"> </div><div><tt> toggle</tt> (Created by default when <a href="output/Ext.Panel.html#Ext.Panel-collapsible" ext:member="collapsible" ext:cls="Ext.Panel">collapsible</a> is <tt>true</tt>)</div>
748 <div class="x-tool x-tool-close" style="float:left; margin-right:5;"> </div><div><tt> close</tt></div>
749 <div class="x-tool x-tool-minimize" style="float:left; margin-right:5;"> </div><div><tt> minimize</tt></div>
750 <div class="x-tool x-tool-maximize" style="float:left; margin-right:5;"> </div><div><tt> maximize</tt></div>
751 <div class="x-tool x-tool-restore" style="float:left; margin-right:5;"> </div><div><tt> restore</tt></div>
752 <div class="x-tool x-tool-gear" style="float:left; margin-right:5;"> </div><div><tt> gear</tt></div>
753 <div class="x-tool x-tool-pin" style="float:left; margin-right:5;"> </div><div><tt> pin</tt></div>
754 <div class="x-tool x-tool-unpin" style="float:left; margin-right:5;"> </div><div><tt> unpin</tt></div>
755 <div class="x-tool x-tool-right" style="float:left; margin-right:5;"> </div><div><tt> right</tt></div>
756 <div class="x-tool x-tool-left" style="float:left; margin-right:5;"> </div><div><tt> left</tt></div>
757 <div class="x-tool x-tool-up" style="float:left; margin-right:5;"> </div><div><tt> up</tt></div>
758 <div class="x-tool x-tool-down" style="float:left; margin-right:5;"> </div><div><tt> down</tt></div>
759 <div class="x-tool x-tool-refresh" style="float:left; margin-right:5;"> </div><div><tt> refresh</tt></div>
760 <div class="x-tool x-tool-minus" style="float:left; margin-right:5;"> </div><div><tt> minus</tt></div>
761 <div class="x-tool x-tool-plus" style="float:left; margin-right:5;"> </div><div><tt> plus</tt></div>
762 <div class="x-tool x-tool-help" style="float:left; margin-right:5;"> </div><div><tt> help</tt></div>
763 <div class="x-tool x-tool-search" style="float:left; margin-right:5;"> </div><div><tt> search</tt></div>
764 <div class="x-tool x-tool-save" style="float:left; margin-right:5;"> </div><div><tt> save</tt></div>
765 <div class="x-tool x-tool-print" style="float:left; margin-right:5;"> </div><div><tt> print</tt></div>
766 </ul></div></li>
767 <li><b>handler</b> : Function<div class="sub-desc"><b>Required.</b> The function to
768 call when clicked. Arguments passed are:<ul>
769 <li><b>event</b> : Ext.EventObject<div class="sub-desc">The click event.</div></li>
770 <li><b>toolEl</b> : Ext.Element<div class="sub-desc">The tool Element.</div></li>
771 <li><b>panel</b> : Ext.Panel<div class="sub-desc">The host Panel</div></li>
772 <li><b>tc</b> : Ext.Panel<div class="sub-desc">The tool configuration object</div></li>
773 </ul></div></li>
774 <li><b>stopEvent</b> : Boolean<div class="sub-desc">Defaults to true. Specify as false to allow click event to propagate.</div></li>
775 <li><b>scope</b> : Object<div class="sub-desc">The scope in which to call the handler.</div></li>
776 <li><b>qtip</b> : String/Object<div class="sub-desc">A tip string, or
777 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>
778 <li><b>hidden</b> : Boolean<div class="sub-desc">True to initially render hidden.</div></li>
779 <li><b>on</b> : Object<div class="sub-desc">A listener config object specifiying
780 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>
781 </ul></div>
782 <p>Note that, apart from the toggle tool which is provided when a panel is collapsible, these
783 tools only provide the visual button. Any required functionality must be provided by adding
784 handlers that implement the necessary behavior.</p>
785 <p>Example usage:</p>
786 <pre><code>tools:[{
787     id:<em>'refresh'</em>,
788     qtip: <em>'Refresh form Data'</em>,
789     <i>// hidden:true,</i>
790     handler: <b>function</b>(event, toolEl, panel){
791         <i>// refresh logic</i>
792     }
793 },
794 {
795     id:<em>'help'</em>,
796     qtip: <em>'Get Help'</em>,
797     handler: <b>function</b>(event, toolEl, panel){
798         <i>// whatever</i>
799     }
800 }]</code></pre>
801 <p>For the custom id of <tt>'help'</tt> define two relevant css classes with a link to
802 a 15x15 image:</p>
803 <pre><code>.x-tool-help {background-image: url(images/help.png);}
804 .x-tool-help-over {background-image: url(images/help_over.png);}
805 <i>// <b>if</b> using an image sprite:</i>
806 .x-tool-help {background-image: url(images/help.png) no-repeat 0 0;}
807 .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 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
808 the panel unstyled except for required attributes ...</div><div class="long">Overrides the <tt><a href="output/Ext.Panel.html#Ext.Panel-baseCls" ext:member="baseCls" ext:cls="Ext.Panel">baseCls</a></tt> setting to <tt><a href="output/Ext.Panel.html#Ext.Panel-baseCls" ext:member="baseCls" ext:cls="Ext.Panel">baseCls</a> = 'x-plain'</tt> which renders
809 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
810 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;
811 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
812 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
813 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).
814 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).
815 <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
816 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
817 a config object into a constructor. This config option is used only when
818 lazy instantiation is being used, and a child item of a Container is being
819 specified not as a fully instantiated Component, but as a <i>Component config
820 object</i>. The <tt>xtype</tt> will be looked up at render time up to determine what
821 type of child Component to create.<br><br>
822 The predefined xtypes are listed <a href="output/Ext.Component.html" ext:cls="Ext.Component">here</a>.
823 <br><br>
824 If you subclass Components to create your own Components, you may register
825 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
826 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.grid.EditorGridPanel-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  "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.grid.EditorGridPanel-activeEditor"></a><b><a href="source/EditorGrid.html#prop-Ext.grid.EditorGridPanel-activeEditor">activeEditor</a></b> : Ext.Editor<div class="mdesc">The currently active editor or null</div></td><td class="msource">EditorGridPanel</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-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.
827 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.
828 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
829 <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.
830 <p>If this is used to load visible HTML elements in either way, then
831 the Panel may not be used as a Layout for hosting nested Panels.</p>
832 <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>
833 then the body Element must not be loaded or changed - it is under the control
834 of the Panel's Layout.
835 <br><p><b>Note</b>: see the Note for <tt><a href="output/Ext.Component.html#Ext.Component-el" ext:member="el" ext:cls="Ext.Component">el</a> 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 <tt><a href="output/Ext.Panel.html#Ext.Panel-buttons" ext:member="buttons" ext:cls="Ext.Panel">buttons</a></tt>
836 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
837 (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
838 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
839 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>
840 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>
841 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.
842 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>
843 <p>This will <i>usually</i> be a &lt;DIV> element created by the class's onRender method, but
844 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>
845 <br><p><b>Note</b>: this element will not be available until this Component has been rendered.</p><br>
846 <p>To add listeners for <b>DOM events</b> to this Component (as opposed to listeners
847 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>
848 config for a suggestion, or use a render listener directly:</p><pre><code><b>new</b> Ext.Panel({
849     title: <em>'The Clickable Panel'</em>,
850     listeners: {
851         render: <b>function</b>(p) {
852             <i>// Append the Panel to the click handler&#39;s argument list.</i>
853             p.getEl().on(<em>'click'</em>, handlePanelClick.createDelegate(null, [p], true));
854         },
855         single: true  <i>// Remove the listener after first invocation</i>
856     }
857 });</code></pre>
858 <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.
859 This Element is used to house the Panel's buttons or fbar.
860 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.
861 <p>This Element is used to house the Panel's <tt><a href="output/Ext.Panel.html#Ext.Panel-buttons" ext:member="buttons" ext:cls="Ext.Panel">buttons</a></tt> or <tt><a href="output/Ext.Panel.html#Ext.Panel-fbar" ext:member="fbar" ext:cls="Ext.Panel">fbar</a></tt>.</p>
862 <br><p><b>Note</b>: see the Note for <tt><a href="output/Ext.Component.html#Ext.Component-el" ext:member="el" ext:cls="Ext.Component">el</a> 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.
863 This Element is used to house the title and tools
864 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.
865 <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>
866 <br><p><b>Note</b>: see the Note for <tt><a href="output/Ext.Component.html#Ext.Component-el" ext:member="el" ext:cls="Ext.Component">el</a> 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">The component's owner Ext.Container (defaults to undefined, and is set automatically when
867 the component is added to a...</div><div class="long">The component's owner <a href="output/Ext.Container.html" ext:cls="Ext.Container">Ext.Container</a> (defaults to undefined, and is set automatically when
868 the component is added to a container).  Read-only.
869 <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.grid.EditorGridPanel-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.grid.EditorGridPanel-EditorGridPanel"></a><b><a href="source/EditorGrid.html#cls-Ext.grid.EditorGridPanel">EditorGridPanel</a></b>(&nbsp;<code>Object&nbsp;config</code>&nbsp;)
870     <div class="mdesc"><div class="short"></div><div class="long"><div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>config</code> : Object<div class="sub-desc">The config object</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div><table><tr><td class="label">xtype:</td><td class="hd-info">editorgrid</td></tr></table></div></div></td><td class="msource">EditorGridPanel</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;)
871     :
872                                         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
873 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
874 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
875 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;)
876     :
877                                         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&nbsp;object</code>&nbsp;)
878     :
879                                         void<div class="mdesc"><div class="short">Used to define events on this Observable</div><div class="long">Used to define events on this Observable<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>object</code> : Object<div class="sub-desc">The object with the events defined</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;)
880     :
881                                         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.
882 <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.
883 properties. This may contain any of the following properties:<ul>
884 <li><b>scope</b> : Object<div class="sub-desc">The scope (<code><b>this</b></code> reference) in which the handler function is executed.
885 <b>If omitted, defaults to the object which fired the event.</b></div></li>
886 <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>
887 <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>
888 <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
889 by the specified number of milliseconds. If the event fires again within that time, the original
890 handler is <em>not</em> invoked, but the new handler is scheduled in its place.</div></li>
891 <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>
892 if the event was bubbled up from a child Observable.</div></li>
893 </ul><br>
894 <p>
895 <b>Combining Options</b><br>
896 Using the options argument, it is possible to combine different types of listeners:<br>
897 <br>
898 A delayed, one-time listener.
899 <pre><code>myDataView.on(<em>'click'</em>, this.onClick, this, {
900     single: true,
901     delay: 100
902 });</code></pre>
903 <p>
904 <b>Attaching multiple handlers in 1 call</b><br>
905 The method also allows for a single argument to be passed which is a config object containing properties
906 which specify multiple handlers.
907 <p>
908 <pre><code>myGridPanel.on({
909     <em>'click'</em> : {
910         fn: this.onClick,
911         scope: this,
912         delay: 100
913     },
914     <em>'mouseover'</em> : {
915         fn: this.onMouseOver,
916         scope: this
917     },
918     <em>'mouseout'</em> : {
919         fn: this.onMouseOut,
920         scope: this
921     }
922 });</code></pre>
923 <p>
924 Or a shorthand syntax:<br>
925 <pre><code>myGridPanel.on({
926     <em>'click'</em> : this.onClick,
927     <em>'mouseover'</em> : this.onMouseOver,
928     <em>'mouseout'</em> : this.onMouseOut,
929      scope: this
930 });</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;)
931     :
932                                         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
933 function call will be the scope provided or the current component. The arguments to the function
934 will be the args provided or the current component. If the function returns false at any point,
935 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;)
936     :
937                                         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.
938 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;)
939     :
940                                         Ext.Panel<div class="mdesc"><div class="short">Collapses the panel body so that it becomes hidden.  Fires the beforecollapse event which will
941 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
942 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
943 <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>()
944     :
945                                         void<div class="mdesc"><div class="short">Destroys this component by purging any event listeners, removing the component's element from the DOM,
946 removing the c...</div><div class="long">Destroys this component by purging any event listeners, removing the component's element from the DOM,
947 removing the component from its <a href="output/Ext.Container.html" ext:cls="Ext.Container">Ext.Container</a> (if applicable) and unregistering it from
948 <a href="output/Ext.ComponentMgr.html" ext:cls="Ext.ComponentMgr">Ext.ComponentMgr</a>.  Destruction is generally handled automatically by the framework and this method
949 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;)
950     :
951                                         void<div class="mdesc"><div class="short">Used to enable bubbling of events</div><div class="long">Used to enable bubbling of events<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>events</code> : Object<div class="sub-desc"></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;)
952     :
953                                         Ext.Panel<div class="mdesc"><div class="short">Expands the panel body so that it becomes visible.  Fires the beforeexpand event which will
954 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
955 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
956 <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;)
957     :
958                                         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
959 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
960 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;)
961     :
962                                         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;)
963     :
964                                         Boolean<div class="mdesc"><div class="short">Fires the specified event with the passed parameters (minus the event name).
965 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>
966 <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>)
967 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;)
968     :
969                                         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;)
970     :
971                                         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>()
972     :
973                                         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 (<tt><a href="output/Ext.Panel.html#Ext.Panel-bbar" ext:member="bbar" ext:cls="Ext.Panel">bbar</a></tt>) 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;)
974     :
975                                         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>()
976     :
977                                         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>()
978     :
979                                         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>()
980     :
981                                         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>()
982     :
983                                         Ext.Element<div class="mdesc"><div class="short">Returns the Ext.Element which encapsulates this Component.
984 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>
985 <p>This will <i>usually</i> be a &lt;DIV> element created by the class's onRender method, but
986 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>
987 <br><p><b>Note</b>: this element will not be available until this Component has been rendered.</p><br>
988 <p>To add listeners for <b>DOM events</b> to this Component (as opposed to listeners
989 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,
990 or use a render listener directly:</p><pre><code><b>new</b> Ext.Panel({
991     title: <em>'The Clickable Panel'</em>,
992     listeners: {
993         render: <b>function</b>(p) {
994             <i>// Append the Panel to the click handler&#39;s argument list.</i>
995             p.getEl().on(<em>'click'</em>, handlePanelClick.createDelegate(null, [p], true));
996         },
997         single: true  <i>// Remove the listener after first invocation</i>
998     }
999 });</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>()
1000     :
1001                                         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
1002 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
1003 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>()
1004     :
1005                                         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
1006 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
1007 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>()
1008     :
1009                                         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>()
1010     :
1011                                         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>()
1012     :
1013                                         String<div class="mdesc"><div class="short">Returns the id of this component or automatically generates and
1014 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
1015 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>()
1016     :
1017                                         Number<div class="mdesc"><div class="short">Returns the height in pixels of the body element (not including the height of any framing elements).
1018 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).
1019 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>()
1020     :
1021                                         Number<div class="mdesc"><div class="short">Returns the width in pixels of the body element (not including the width of any framing elements).
1022 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).
1023 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>()
1024     :
1025                                         String<div class="mdesc"><div class="short">Returns the itemId of this component.  If an
1026 itemId was not assigned through configuration the
1027 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
1028 <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
1029 <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>()
1030     :
1031                                         Ext.Element<div class="mdesc"><div class="short">Returns the Element to be used to contain the child Components of this Container.
1032 An implementation is provided which...</div><div class="long"><p>Returns the Element to be used to contain the child Components of this Container.</p>
1033 <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
1034 if there is a more complex structure to a Container, this may be overridden to return
1035 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>()
1036     :
1037                                         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;)
1038     :
1039                                         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>()
1040     :
1041                                         void<div class="mdesc"><div class="short">Returns the outermost Element of this Component which defines the Components overall size.
1042 Usually this will return t...</div><div class="long"><p>Returns the outermost Element of this Component which defines the Components overall size.</p>
1043 <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>,
1044 but in some cases, a Component may have some more wrapping Elements around its main
1045 active Element.</p>
1046 <p>An example is a ComboBox. It is encased in a <i>wrapping</i> Element which
1047 contains both the <code>&lt;input></code> Element (which is what would be returned
1048 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.
1049 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>()
1050     :
1051                                         SelectionModel<div class="mdesc"><div class="short">Returns the grid's selection model configured by the selModel&#13;
1052 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
1053 configuration option. If no selection model was configured, this will create\r
1054 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>()
1055     :
1056                                         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>()
1057     :
1058                                         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;)
1059     :
1060                                         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>()
1061     :
1062                                         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 (<tt><a href="output/Ext.Panel.html#Ext.Panel-tbar" ext:member="tbar" ext:cls="Ext.Panel">tbar</a></tt>) 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>()
1063     :
1064                                         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>()
1065     :
1066                                         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>()
1067     :
1068                                         String<div class="mdesc"><div class="short">Gets the xtype for this component as registered with Ext.ComponentMgr. For a list of all
1069 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
1070 available xtypes, see the <a href="output/Ext.Component.html" ext:cls="Ext.Component">Ext.Component</a> header. Example usage:
1071 <pre><code><b>var</b> t = <b>new</b> Ext.form.TextField();
1072 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>()
1073     :
1074                                         String<div class="mdesc"><div class="short">Returns this Component's xtype hierarchy as a slash-delimited string. For a list of all
1075 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
1076 available xtypes, see the <a href="output/Ext.Component.html" ext:cls="Ext.Component">Ext.Component</a> header.</p>
1077 <p><b>If using your own subclasses, be aware that a Component must register its own xtype
1078 to participate in determination of inherited xtypes.</b></p>
1079 <p>Example usage:</p>
1080 <pre><code><b>var</b> t = <b>new</b> Ext.form.TextField();
1081 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;)
1082     :
1083                                         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>()
1084     :
1085                                         Ext.Component<div class="mdesc"><div class="short">Hide this component.  Listen to the 'beforehide' event and return
1086 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
1087 <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>'
1088 event after hiding the component. Note this method is called internally if
1089 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>()
1090     :
1091                                         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;)
1092     :
1093                                         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
1094 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
1095 from the xtype (default) or whether it is directly of the xtype specified (shallow = true).</p>
1096 <p><b>If using your own subclasses, be aware that a Component must register its own xtype
1097 to participate in determination of inherited xtypes.</b></p>
1098 <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>
1099 <p>Example usage:</p>
1100 <pre><code><b>var</b> t = <b>new</b> Ext.form.TextField();
1101 <b>var</b> isText = t.isXType(<em>'textfield'</em>);        <i>// true</i>
1102 <b>var</b> isBoxSubclass = t.isXType(<em>'box'</em>);       <i>// true, descended from BoxComponent</i>
1103 <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
1104 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>()
1105     :
1106                                         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;)
1107     :
1108                                         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.
1109 <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>()
1110     :
1111                                         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>()
1112     :
1113                                         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;)
1114     :
1115                                         void<div class="mdesc"><div class="short">Reconfigures the grid to use a different Store and Column Model&#13;
1116 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
1117 and fires the 'reconfigure' event. The View will be bound to the new\r
1118 objects and refreshed.</p>\r
1119 <p>Be aware that upon reconfiguring a GridPanel, certain existing settings <i>may</i> become\r
1120 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
1121 new ColumnModel. Also, an existing <a href="output/Ext.PagingToolbar.html" ext:cls="Ext.PagingToolbar">PagingToolbar</a> will still be bound\r
1122 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
1123 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;)
1124     :
1125                                         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;)
1126     :
1127                                         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.
1128 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;)
1129     :
1130                                         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;)
1131     :
1132                                         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;)
1133     :
1134                                         void<div class="mdesc"><div class="short">Render this Component into the passed HTML element.
1135 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>
1136 <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
1137 do not use the render method.</b></p>
1138 <p>A Container's child Components are rendered by that Container's
1139 <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>
1140 <p>Certain layout managers allow dynamic addition of child components. Those that do
1141 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>,
1142 <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>
1143 <p>If the Container is already rendered when a new child Component is added, you may need to call
1144 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
1145 unrendered child Components to be rendered. This is required so that you can add multiple
1146 child components if needed while only refreshing the layout once.</p>
1147 <p>When creating complex UIs, it is important to remember that sizing and positioning
1148 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.
1149 If you expect child items to be sized in response to user interactions, you must
1150 configure the Container with a layout manager which creates and manages the type of layout you
1151 have in mind.</p>
1152 <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
1153 layout manager is used which does nothing but render child components sequentially into the
1154 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
1155 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>
1156 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>()
1157     :
1158                                         void<div class="mdesc"><div class="short">Resume firing events. (see suspendEvents)
1159 If events were suspended using the queueSuspended parameter, then all
1160 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>)
1161 If events were suspended using the <tt><b>queueSuspended</b></tt> parameter, then all
1162 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;)
1163     :
1164                                         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>
1165 <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>
1166 <li>A String used to set the CSS height style.</li>
1167 <li><i>undefined</i> to leave the height unchanged.</li>
1168 </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;)
1169     :
1170                                         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
1171 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
1172 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;)
1173     :
1174                                         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.
1175 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>.
1176 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;)
1177     :
1178                                         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.
1179 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>.
1180 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;)
1181     :
1182                                         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
1183 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
1184 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>
1185 <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>
1186 <li>A String used to set the CSS width style.</li>
1187 <li>A size object in the format <code>{width: widthValue, height: heightValue}</code>.</li>
1188 <li><code>undefined</code> to leave the width unchanged.</li>
1189 </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).
1190 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. Animation may <b>not</b> be used.</li>
1193 <li><code>undefined</code> 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#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;)
1195     :
1196                                         void<div class="mdesc"><div class="short">Sets the title text for the panel and optionally the icon class.
1197 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>
1198 <p>In order to be able to set the title, a header element must have been created
1199 for the Panel. This is triggered either by configuring the Panel with a non-blank <tt><a href="output/Ext.Panel.html#Ext.Panel-title" ext:member="title" ext:cls="Ext.Panel">title</a></tt>,
1200 or configuring it with <tt><b><a href="output/Ext.Panel.html#Ext.Panel-header" ext:member="header" ext:cls="Ext.Panel">header</a>: true</b></tt>.</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;)
1201     :
1202                                         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;)
1203     :
1204                                         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>
1205 <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>
1206 <li>A String used to set the CSS width style.</li>
1207 </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>()
1208     :
1209                                         Ext.Component<div class="mdesc"><div class="short">Show this component.  Listen to the 'beforeshow' event and return
1210 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
1211 <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>'
1212 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 "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.grid.EditorGridPanel-startEditing"></a><b><a href="source/EditorGrid.html#method-Ext.grid.EditorGridPanel-startEditing">startEditing</a></b>(&nbsp;<code>Number&nbsp;rowIndex</code>,&nbsp;<code>Number&nbsp;colIndex</code>&nbsp;)
1213     :
1214                                         void<div class="mdesc"><div class="short">Starts editing the specified for the specified row/column</div><div class="long">Starts editing the specified for the specified row/column<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>rowIndex</code> : Number<div class="sub-desc"></div></li><li><code>colIndex</code> : Number<div class="sub-desc"></div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource">EditorGridPanel</td></tr><tr class="method-row expandable "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.grid.EditorGridPanel-stopEditing"></a><b><a href="source/EditorGrid.html#method-Ext.grid.EditorGridPanel-stopEditing">stopEditing</a></b>(&nbsp;<span title="Optional" class="optional">[<code>Boolean&nbsp;cancel</code>]</span>&nbsp;)
1215     :
1216                                         void<div class="mdesc"><div class="short">Stops any active editing</div><div class="long">Stops any active editing<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>cancel</code> : Boolean<div class="sub-desc">(optional) True to cancel any changes</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource">EditorGridPanel</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;)
1217     :
1218                                         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
1219 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>()
1220     :
1221                                         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;)
1222     :
1223                                         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
1224 <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;)
1225     :
1226                                         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;)
1227     :
1228                                         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.grid.EditorGridPanel-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> :
1229                                       (&nbsp;<code>Ext.Panel&nbsp;p</code>&nbsp;)
1230     <div class="mdesc"><div class="short">Fires after the Panel has been visually activated.
1231 Note that Panels do not directly support being activated, but some...</div><div class="long">Fires after the Panel has been visually activated.
1232 Note that Panels do not directly support being activated, but some Panel subclasses
1233 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
1234 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 "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.grid.EditorGridPanel-afteredit"></a><b><a href="source/EditorGrid.html#event-Ext.grid.EditorGridPanel-afteredit">afteredit</a></b> :
1235                                       (&nbsp;<code>Object&nbsp;e</code>&nbsp;)
1236     <div class="mdesc"><div class="short">Fires after a cell is edited. The edit event object has the following properties &lt;br /&gt;
1237 &lt;ul style="padding:5px;paddin...</div><div class="long">Fires after a cell is edited. The edit event object has the following properties <br />
1238 <ul style="padding:5px;padding-left:16px;">
1239 <li>grid - This grid</li>
1240 <li>record - The record being edited</li>
1241 <li>field - The field name being edited</li>
1242 <li>value - The value being set</li>
1243 <li>originalValue - The original value for the field, before the edit.</li>
1244 <li>row - The grid row index</li>
1245 <li>column - The grid column index</li>
1246 </ul>
1247 <pre><code>grid.on(<em>'afteredit'</em>, afterEdit, this );
1248
1249 <b>function</b> afterEdit(e) {
1250     <i>// execute an XHR to send/commit data to the server, <b>in</b> callback <b>do</b> (<b>if</b> successful):</i>
1251     e.record.commit();
1252 };</code></pre><div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>e</code> : Object<div class="sub-desc">An edit event (see above for description)</div></li></ul></div></div></div></td><td class="msource">EditorGridPanel</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> :
1253                                       (&nbsp;<code>Ext.Container&nbsp;this</code>,&nbsp;<code>ContainerLayout&nbsp;layout</code>&nbsp;)
1254     <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> :
1255                                       (&nbsp;<code>Ext.Component&nbsp;this</code>&nbsp;)
1256     <div class="mdesc"><div class="short">Fires after the component rendering is finished.
1257 The afterrender event is fired after this Component has been rendere...</div><div class="long"><p>Fires after the component rendering is finished.</p>
1258 <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
1259 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
1260 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> :
1261                                       (&nbsp;<code>Ext.Panel&nbsp;p</code>&nbsp;)
1262     <div class="mdesc"><div class="short">Fires before the Panel is closed.  Note that Panels do not directly support being closed, but some
1263 Panel subclasses d...</div><div class="long">Fires before the Panel is closed.  Note that Panels do not directly support being closed, but some
1264 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
1265 applies to such subclasses.
1266 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> :
1267                                       (&nbsp;<code>Ext.Panel&nbsp;p</code>,&nbsp;<code>Boolean&nbsp;animate</code>&nbsp;)
1268     <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> :
1269                                       (&nbsp;<code>Ext.Component&nbsp;this</code>&nbsp;)
1270     <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 "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.grid.EditorGridPanel-beforeedit"></a><b><a href="source/EditorGrid.html#event-Ext.grid.EditorGridPanel-beforeedit">beforeedit</a></b> :
1271                                       (&nbsp;<code>Object&nbsp;e</code>&nbsp;)
1272     <div class="mdesc"><div class="short">Fires before cell editing is triggered. The edit event object has the following properties &lt;br /&gt;
1273 &lt;ul style="padding:...</div><div class="long">Fires before cell editing is triggered. The edit event object has the following properties <br />
1274 <ul style="padding:5px;padding-left:16px;">
1275 <li>grid - This grid</li>
1276 <li>record - The record being edited</li>
1277 <li>field - The field name being edited</li>
1278 <li>value - The value for the field being edited.</li>
1279 <li>row - The grid row index</li>
1280 <li>column - The grid column index</li>
1281 <li>cancel - Set this to true to cancel the edit or return false from your handler.</li>
1282 </ul><div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>e</code> : Object<div class="sub-desc">An edit event (see above for description)</div></li></ul></div></div></div></td><td class="msource">EditorGridPanel</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> :
1283                                       (&nbsp;<code>Ext.Panel&nbsp;p</code>,&nbsp;<code>Boolean&nbsp;animate</code>&nbsp;)
1284     <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> :
1285                                       (&nbsp;<code>Ext.Component&nbsp;this</code>&nbsp;)
1286     <div class="mdesc"><div class="short">Fires before the component is hidden by calling the hide method.
1287 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.
1288 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> :
1289                                       (&nbsp;<code>Ext.Component&nbsp;this</code>&nbsp;)
1290     <div class="mdesc"><div class="short">Fires before the component is rendered. Return false from an
1291 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
1292 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> :
1293                                       (&nbsp;<code>Ext.Component&nbsp;this</code>&nbsp;)
1294     <div class="mdesc"><div class="short">Fires before the component is shown by calling the show method.
1295 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.
1296 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> :
1297                                       (&nbsp;<code>Ext.Component&nbsp;this</code>,&nbsp;<code>Object&nbsp;state</code>&nbsp;)
1298     <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
1299 event is not vetoed, then the state object is passed to <b><tt>applyState</tt></b>. By default,
1300 that simply copies property values into this Component. The method maybe overriden to
1301 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> :
1302                                       (&nbsp;<code>Ext.Component&nbsp;this</code>,&nbsp;<code>Object&nbsp;state</code>&nbsp;)
1303     <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
1304 <b><tt>getState()</tt></b> on the Component. This method must be provided by the
1305 developer to return whetever representation of state is required, by default, Ext.Component
1306 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> :
1307                                       (&nbsp;<code>Ext.Panel&nbsp;p</code>,&nbsp;<code>Number&nbsp;width</code>,&nbsp;<code>Number&nbsp;height</code>&nbsp;)
1308     <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> :
1309                                       (&nbsp;<code>Number&nbsp;scrollLeft</code>,&nbsp;<code>Number&nbsp;scrollTop</code>&nbsp;)
1310     <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> :
1311                                       (&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;)
1312     <div class="mdesc"><div class="short">Fires when a cell is clicked.&#13;
1313 The data for the cell is drawn from the Record&#13;
1314 for this row. To access the data in th...</div><div class="long">Fires when a cell is clicked.\r
1315 The data for the cell is drawn from the <a href="output/Ext.data.Record.html" ext:cls="Ext.data.Record">Record</a>\r
1316 for this row. To access the data in the listener function use the\r
1317 following technique:\r
1318 <pre><code><b>function</b>(grid, rowIndex, columnIndex, e) {\r
1319     <b>var</b> record = grid.getStore().getAt(rowIndex);  <i>// Get the Record\r</i>
1320     <b>var</b> fieldName = grid.getColumnModel().getDataIndex(columnIndex); <i>// Get field name\r</i>
1321     <b>var</b> data = record.get(fieldName);\r
1322 }</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> :
1323                                       (&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;)
1324     <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> :
1325                                       (&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;)
1326     <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> :
1327                                       (&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;)
1328     <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> :
1329                                       (&nbsp;<code>Ext.EventObject&nbsp;e</code>&nbsp;)
1330     <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> :
1331                                       (&nbsp;<code>Ext.Panel&nbsp;p</code>&nbsp;)
1332     <div class="mdesc"><div class="short">Fires after the Panel is closed.  Note that Panels do not directly support being closed, but some
1333 Panel subclasses do...</div><div class="long">Fires after the Panel is closed.  Note that Panels do not directly support being closed, but some
1334 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> :
1335                                       (&nbsp;<code>Ext.Panel&nbsp;p</code>&nbsp;)
1336     <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> :
1337                                       (&nbsp;<code>Number&nbsp;oldIndex</code>,&nbsp;<code>Number&nbsp;newIndex</code>&nbsp;)
1338     <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> :
1339                                       (&nbsp;<code>Number&nbsp;columnIndex</code>,&nbsp;<code>Number&nbsp;newSize</code>&nbsp;)
1340     <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> :
1341                                       (&nbsp;<code>Ext.EventObject&nbsp;e</code>&nbsp;)
1342     <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> :
1343                                       (&nbsp;<code>Ext.EventObject&nbsp;e</code>&nbsp;)
1344     <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> :
1345                                       (&nbsp;<code>Ext.Panel&nbsp;p</code>&nbsp;)
1346     <div class="mdesc"><div class="short">Fires after the Panel has been visually deactivated.
1347 Note that Panels do not directly support being deactivated, but ...</div><div class="long">Fires after the Panel has been visually deactivated.
1348 Note that Panels do not directly support being deactivated, but some Panel subclasses
1349 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
1350 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> :
1351                                       (&nbsp;<code>Ext.Component&nbsp;this</code>&nbsp;)
1352     <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> :
1353                                       (&nbsp;<code>Ext.Component&nbsp;this</code>&nbsp;)
1354     <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> :
1355                                       (&nbsp;<code>Ext.Component&nbsp;this</code>&nbsp;)
1356     <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> :
1357                                       (&nbsp;<code>Ext.Panel&nbsp;p</code>&nbsp;)
1358     <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> :
1359                                       (&nbsp;<code>Grid&nbsp;this</code>,&nbsp;<code>Number&nbsp;columnIndex</code>,&nbsp;<code>Ext.EventObject&nbsp;e</code>&nbsp;)
1360     <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> :
1361                                       (&nbsp;<code>Grid&nbsp;this</code>,&nbsp;<code>Number&nbsp;columnIndex</code>,&nbsp;<code>Ext.EventObject&nbsp;e</code>&nbsp;)
1362     <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> :
1363                                       (&nbsp;<code>Grid&nbsp;this</code>,&nbsp;<code>Number&nbsp;columnIndex</code>,&nbsp;<code>Ext.EventObject&nbsp;e</code>&nbsp;)
1364     <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> :
1365                                       (&nbsp;<code>Grid&nbsp;this</code>,&nbsp;<code>Number&nbsp;columnIndex</code>,&nbsp;<code>Ext.EventObject&nbsp;e</code>&nbsp;)
1366     <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> :
1367                                       (&nbsp;<code>Ext.Component&nbsp;this</code>&nbsp;)
1368     <div class="mdesc"><div class="short">Fires after the component is hidden.
1369 Fires after the component is hidden when calling the hide method.</div><div class="long">Fires after the component is hidden.
1370 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> :
1371                                       (&nbsp;<code>Ext.Panel&nbsp;p</code>,&nbsp;<code>String&nbsp;The</code>,&nbsp;<code>String&nbsp;The</code>&nbsp;)
1372     <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> :
1373                                       (&nbsp;<code>Ext.EventObject&nbsp;e</code>&nbsp;)
1374     <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> :
1375                                       (&nbsp;<code>Ext.EventObject&nbsp;e</code>&nbsp;)
1376     <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> :
1377                                       (&nbsp;<code>Ext.EventObject&nbsp;e</code>&nbsp;)
1378     <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> :
1379                                       (&nbsp;<code>Ext.EventObject&nbsp;e</code>&nbsp;)
1380     <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> :
1381                                       (&nbsp;<code>Ext.EventObject&nbsp;e</code>&nbsp;)
1382     <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> :
1383                                       (&nbsp;<code>Ext.EventObject&nbsp;e</code>&nbsp;)
1384     <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> :
1385                                       (&nbsp;<code>Ext.Component&nbsp;this</code>,&nbsp;<code>Number&nbsp;x</code>,&nbsp;<code>Number&nbsp;y</code>&nbsp;)
1386     <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> :
1387                                       (&nbsp;<code>Grid&nbsp;this</code>,&nbsp;<code>Ext.data.Store&nbsp;store</code>,&nbsp;<code>Ext.grid.ColumnModel&nbsp;colModel</code>&nbsp;)
1388     <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> :
1389                                       (&nbsp;<code>Ext.Component&nbsp;this</code>&nbsp;)
1390     <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> :
1391                                       (&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;)
1392     <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> :
1393                                       (&nbsp;<code>Grid&nbsp;this</code>,&nbsp;<code>Number&nbsp;rowIndex</code>,&nbsp;<code>Ext.EventObject&nbsp;e</code>&nbsp;)
1394     <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> :
1395                                       (&nbsp;<code>Grid&nbsp;this</code>,&nbsp;<code>Number&nbsp;rowIndex</code>,&nbsp;<code>Ext.EventObject&nbsp;e</code>&nbsp;)
1396     <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> :
1397                                       (&nbsp;<code>Grid&nbsp;this</code>,&nbsp;<code>Number&nbsp;rowIndex</code>,&nbsp;<code>Ext.EventObject&nbsp;e</code>&nbsp;)
1398     <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> :
1399                                       (&nbsp;<code>Grid&nbsp;this</code>,&nbsp;<code>Number&nbsp;rowIndex</code>,&nbsp;<code>Ext.EventObject&nbsp;e</code>&nbsp;)
1400     <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> :
1401                                       (&nbsp;<code>Ext.Component&nbsp;this</code>&nbsp;)
1402     <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> :
1403                                       (&nbsp;<code>Grid&nbsp;this</code>,&nbsp;<code>Object&nbsp;sortInfo</code>&nbsp;)
1404     <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> :
1405                                       (&nbsp;<code>Ext.Component&nbsp;this</code>,&nbsp;<code>Object&nbsp;state</code>&nbsp;)
1406     <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
1407 to <b><tt>applyState</tt></b>. By default, that simply copies property values into this
1408 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> :
1409                                       (&nbsp;<code>Ext.Component&nbsp;this</code>,&nbsp;<code>Object&nbsp;state</code>&nbsp;)
1410     <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
1411 <b><tt>getState()</tt></b> on the Component. This method must be provided by the
1412 developer to return whetever representation of state is required, by default, Ext.Component
1413 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> :
1414                                       (&nbsp;<code>Ext.Panel&nbsp;p</code>,&nbsp;<code>String&nbsp;The</code>&nbsp;)
1415     <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><tr class="method-row expandable "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.grid.EditorGridPanel-validateedit"></a><b><a href="source/EditorGrid.html#event-Ext.grid.EditorGridPanel-validateedit">validateedit</a></b> :
1416                                       (&nbsp;<code>Object&nbsp;e</code>&nbsp;)
1417     <div class="mdesc"><div class="short">Fires after a cell is edited, but before the value is set in the record. Return false
1418 to cancel the change. The edit ...</div><div class="long">Fires after a cell is edited, but before the value is set in the record. Return false
1419 to cancel the change. The edit event object has the following properties <br />
1420 <ul style="padding:5px;padding-left:16px;">
1421 <li>grid - This grid</li>
1422 <li>record - The record being edited</li>
1423 <li>field - The field name being edited</li>
1424 <li>value - The value being set</li>
1425 <li>originalValue - The original value for the field, before the edit.</li>
1426 <li>row - The grid row index</li>
1427 <li>column - The grid column index</li>
1428 <li>cancel - Set this to true to cancel the edit or return false from your handler.</li>
1429 </ul>
1430 Usage example showing how to remove the red triangle (dirty record indicator) from some
1431 records (not all).  By observing the grid's validateedit event, it can be cancelled if
1432 the edit occurs on a targeted row (for example) and then setting the field's new value
1433 in the Record directly:
1434 <pre><code>grid.on(<em>'validateedit'</em>, <b>function</b>(e) {
1435   <b>var</b> myTargetRow = 6;
1436  
1437   <b>if</b> (e.row == myTargetRow) {
1438     e.cancel = true;
1439     e.record.data[e.field] = e.value;
1440   }
1441 });</code></pre><div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>e</code> : Object<div class="sub-desc">An edit event (see above for description)</div></li></ul></div></div></div></td><td class="msource">EditorGridPanel</td></tr></tbody></table></div>