-<div xmlns:ext="http://www.extjs.com" class="body-wrap"><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> <img src="resources/elbow-end.gif"><a href="output/Ext.Component.html" ext:member="" ext:cls="Ext.Component">Component</a> <img src="resources/elbow-end.gif"><a href="output/Ext.BoxComponent.html" ext:member="" ext:cls="Ext.BoxComponent">BoxComponent</a> <img src="resources/elbow-end.gif"><a href="output/Ext.Container.html" ext:member="" ext:cls="Ext.Container">Container</a> <img src="resources/elbow-end.gif"><a href="output/Ext.Panel.html" ext:member="" ext:cls="Ext.Panel">Panel</a> <img src="resources/elbow-end.gif">GridPanel</pre></div><h1>Class <a href="source/GridPanel.html#cls-Ext.grid.GridPanel">Ext.grid.GridPanel</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">GridPanel.js</td></tr><tr><td class="label">Class:</td><td class="hd-info"><a href="source/GridPanel.html#cls-Ext.grid.GridPanel">GridPanel</a></td></tr><tr><td class="label">Subclasses:</td><td class="hd-info"><a href="output/Ext.grid.EditorGridPanel.html" ext:cls="Ext.grid.EditorGridPanel">EditorGridPanel</a></td></tr><tr><td class="label">Extends:</td><td class="hd-info"><a href="output/Ext.Panel.html" ext:cls="Ext.Panel" ext:member="">Panel</a></td></tr></table><div class="description"><p>This class represents the primary interface of a component based grid control to represent data\r
-in a tabular format of rows and columns. The GridPanel is composed of the following:</p>\r
-<div class="mdetail-params"><ul>\r
-<li><b><a href="output/Ext.data.Store.html" ext:cls="Ext.data.Store">Store</a></b> : The Model holding the data records (rows)\r
-<div class="sub-desc"></div></li>\r
-<li><b><a href="output/Ext.grid.ColumnModel.html" ext:cls="Ext.grid.ColumnModel">Column model</a></b> : Column makeup\r
-<div class="sub-desc"></div></li>\r
-<li><b><a href="output/Ext.grid.GridView.html" ext:cls="Ext.grid.GridView">View</a></b> : Encapsulates the user interface \r
-<div class="sub-desc"></div></li>\r
-<li><b><a href="output/Ext.grid.AbstractSelectionModel.html" ext:cls="Ext.grid.AbstractSelectionModel">selection model</a></b> : Selection behavior \r
-<div class="sub-desc"></div></li>\r
-</ul></div>\r
-<p>Example usage:</p>\r
-<pre><code><b>var</b> grid = <b>new</b> Ext.grid.GridPanel({\r
- <a href="output/Ext.grid.GridPanel.html#Ext.grid.GridPanel-store" ext:member="store" ext:cls="Ext.grid.GridPanel">store</a>: <b>new</b> <a href="output/Ext.data.Store.html" ext:cls="Ext.data.Store">Ext.data.Store</a>({\r
- <a href="output/Ext.data.Store.html#Ext.data.Store-autoDestroy" ext:member="autoDestroy" ext:cls="Ext.data.Store">autoDestroy</a>: true,\r
- <a href="output/Ext.data.Store.html#Ext.data.Store-reader" ext:member="reader" ext:cls="Ext.data.Store">reader</a>: reader,\r
- <a href="output/Ext.data.Store.html#Ext.data.Store-data" ext:member="data" ext:cls="Ext.data.Store">data</a>: xg.dummyData\r
- }),\r
- <a href="output/Ext.grid.GridPanel.html#Ext.grid.GridPanel-colModel" ext:member="colModel" ext:cls="Ext.grid.GridPanel">colModel</a>: <b>new</b> <a href="output/Ext.grid.ColumnModel.html" ext:cls="Ext.grid.ColumnModel">Ext.grid.ColumnModel</a>({\r
- <a href="output/Ext.grid.ColumnModel.html#Ext.grid.ColumnModel-defaults" ext:member="defaults" ext:cls="Ext.grid.ColumnModel">defaults</a>: {\r
- width: 120,\r
- sortable: true\r
- },\r
- <a href="output/Ext.grid.ColumnModel.html#Ext.grid.ColumnModel-columns" ext:member="columns" ext:cls="Ext.grid.ColumnModel">columns</a>: [\r
- {id: <em>'company'</em>, header: <em>'Company'</em>, width: 200, sortable: true, dataIndex: <em>'company'</em>},\r
- {header: <em>'Price'</em>, renderer: Ext.util.Format.usMoney, dataIndex: <em>'price'</em>},\r
- {header: <em>'Change'</em>, dataIndex: <em>'change'</em>},\r
- {header: <em>'% Change'</em>, dataIndex: <em>'pctChange'</em>},\r
- <i>// instead of specifying renderer: Ext.util.Format.dateRenderer(<em>'m/d/Y'</em>) use xtype\r</i>
- {\r
- header: <em>'Last Updated'</em>, width: 135, dataIndex: <em>'lastChange'</em>,\r
- xtype: <em>'datecolumn'</em>, format: <em>'M d, Y'</em>\r
- }\r
- ],\r
- }),\r
- <a href="output/Ext.grid.GridPanel.html#Ext.grid.GridPanel-viewConfig" ext:member="viewConfig" ext:cls="Ext.grid.GridPanel">viewConfig</a>: {\r
- <a href="output/Ext.grid.GridView.html#Ext.grid.GridView-forceFit" ext:member="forceFit" ext:cls="Ext.grid.GridView">forceFit</a>: true,\r
-\r
-<i>// Return CSS class to apply to rows depending upon data values\r</i>
- <a href="output/Ext.grid.GridView.html#Ext.grid.GridView-getRowClass" ext:member="getRowClass" ext:cls="Ext.grid.GridView">getRowClass</a>: <b>function</b>(record, index) {\r
- <b>var</b> c = record.<a href="output/Ext.data.Record.html#Ext.data.Record-get" ext:member="get" ext:cls="Ext.data.Record">get</a>(<em>'change'</em>);\r
- <b>if</b> (c < 0) {\r
- <b>return</b> <em>'price-fall'</em>;\r
- } <b>else</b> <b>if</b> (c > 0) {\r
- <b>return</b> <em>'price-rise'</em>;\r
- }\r
- }\r
- },\r
- <a href="output/Ext.grid.GridPanel.html#Ext.grid.GridPanel-sm" ext:member="sm" ext:cls="Ext.grid.GridPanel">sm</a>: <b>new</b> Ext.grid.RowSelectionModel({singleSelect:true}),\r
- width: 600,\r
- height: 300,\r
- frame: true,\r
- title: <em>'Framed <b>with</b> Row Selection and Horizontal Scrolling'</em>,\r
- iconCls: <em>'icon-grid'</em>\r
-});</code></pre>\r
-<p><b><u>Notes:</u></b></p>\r
-<div class="mdetail-params"><ul>\r
-<li>Although this class inherits many configuration options from base classes, some of them\r
-(such as autoScroll, autoWidth, layout, items, etc) are not used by this class, and will\r
-have no effect.</li>\r
-<li>A grid <b>requires</b> a width in which to scroll its columns, and a height in which to\r
-scroll its rows. These dimensions can either be set explicitly through the\r
-<tt><a href="output/Ext.BoxComponent.html#Ext.BoxComponent-height" ext:member="height" ext:cls="Ext.BoxComponent">height</a></tt> and <tt><a href="output/Ext.BoxComponent.html#Ext.BoxComponent-width" ext:member="width" ext:cls="Ext.BoxComponent">width</a></tt>\r
-configuration options or implicitly set by using the grid as a child item of a\r
-<a href="output/Ext.Container.html" ext:cls="Ext.Container">Container</a> which will have a <a href="output/Ext.Container.html#Ext.Container-layout" ext:member="layout" ext:cls="Ext.Container">layout manager</a>\r
-provide the sizing of its child items (for example the Container of the Grid may specify\r
-<tt><a href="output/Ext.Container.html#Ext.Container-layout" ext:member="layout" ext:cls="Ext.Container">layout</a>:'fit'</tt>).</li>\r
-<li>To access the data in a Grid, it is necessary to use the data model encapsulated\r
-by the <a href="output/Ext.grid.GridPanel.html#Ext.grid.GridPanel-store" ext:member="store" ext:cls="Ext.grid.GridPanel">Store</a>. See the <a href="output/Ext.grid.GridPanel.html#Ext.grid.GridPanel-cellclick" ext:member="cellclick" ext:cls="Ext.grid.GridPanel">cellclick</a> event for more details.</li>\r
+<div class="body-wrap" xmlns:ext="http://www.extjs.com"><div class="top-tools"><a class="inner-link" href="#Ext.grid.GridPanel-props"><img src="../resources/images/default/s.gif" class="item-icon icon-prop">Properties</a> <a class="inner-link" href="#Ext.grid.GridPanel-methods"><img src="../resources/images/default/s.gif" class="item-icon icon-method">Methods</a> <a class="inner-link" href="#Ext.grid.GridPanel-events"><img src="../resources/images/default/s.gif" class="item-icon icon-event">Events</a> <a class="inner-link" href="#Ext.grid.GridPanel-configs"><img src="../resources/images/default/s.gif" class="item-icon icon-config">Config Options</a> <a class="bookmark" href="../docs/?class=Ext.grid.GridPanel"><img src="../resources/images/default/s.gif" class="item-icon icon-fav">Direct Link</a> </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> <img src="resources/elbow-end.gif"><a href="output/Ext.Component.html" ext:member="" ext:cls="Ext.Component">Component</a> <img src="resources/elbow-end.gif"><a href="output/Ext.BoxComponent.html" ext:member="" ext:cls="Ext.BoxComponent">BoxComponent</a> <img src="resources/elbow-end.gif"><a href="output/Ext.Container.html" ext:member="" ext:cls="Ext.Container">Container</a> <img src="resources/elbow-end.gif"><a href="output/Ext.Panel.html" ext:member="" ext:cls="Ext.Panel">Panel</a> <img src="resources/elbow-end.gif">GridPanel</pre></div><h1>Class <a href="source/GridPanel.html#cls-Ext.grid.GridPanel">Ext.grid.GridPanel</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"><a href="source/GridPanel.html#cls-Ext.grid.GridPanel">GridPanel.js</a></td></tr><tr><td class="label">Class:</td><td class="hd-info"><a href="source/GridPanel.html#cls-Ext.grid.GridPanel">GridPanel</a></td></tr><tr><td class="label">Subclasses:</td><td class="hd-info"><a href="output/Ext.grid.EditorGridPanel.html" ext:cls="Ext.grid.EditorGridPanel">EditorGridPanel</a></td></tr><tr><td class="label">Extends:</td><td class="hd-info"><a href="output/Ext.Panel.html" ext:cls="Ext.Panel" ext:member="">Panel</a></td></tr></table><div class="description"><p>This class represents the primary interface of a component based grid control to represent data
+in a tabular format of rows and columns. The GridPanel is composed of the following:</p>
+<div class="mdetail-params"><ul>
+<li><b><a href="output/Ext.data.Store.html" ext:cls="Ext.data.Store">Store</a></b> : The Model holding the data records (rows)
+<div class="sub-desc"></div></li>
+<li><b><a href="output/Ext.grid.ColumnModel.html" ext:cls="Ext.grid.ColumnModel">Column model</a></b> : Column makeup
+<div class="sub-desc"></div></li>
+<li><b><a href="output/Ext.grid.GridView.html" ext:cls="Ext.grid.GridView">View</a></b> : Encapsulates the user interface
+<div class="sub-desc"></div></li>
+<li><b><a href="output/Ext.grid.AbstractSelectionModel.html" ext:cls="Ext.grid.AbstractSelectionModel">selection model</a></b> : Selection behavior
+<div class="sub-desc"></div></li>
+</ul></div>
+<p>Example usage:</p>
+<pre><code><b>var</b> grid = <b>new</b> Ext.grid.GridPanel({
+ <a href="output/Ext.grid.GridPanel.html#Ext.grid.GridPanel-store" ext:member="store" ext:cls="Ext.grid.GridPanel">store</a>: <b>new</b> <a href="output/Ext.data.Store.html" ext:cls="Ext.data.Store">Ext.data.Store</a>({
+ <a href="output/Ext.data.Store.html#Ext.data.Store-autoDestroy" ext:member="autoDestroy" ext:cls="Ext.data.Store">autoDestroy</a>: true,
+ <a href="output/Ext.data.Store.html#Ext.data.Store-reader" ext:member="reader" ext:cls="Ext.data.Store">reader</a>: reader,
+ <a href="output/Ext.data.Store.html#Ext.data.Store-data" ext:member="data" ext:cls="Ext.data.Store">data</a>: xg.dummyData
+ }),
+ <a href="output/Ext.grid.GridPanel.html#Ext.grid.GridPanel-colModel" ext:member="colModel" ext:cls="Ext.grid.GridPanel">colModel</a>: <b>new</b> <a href="output/Ext.grid.ColumnModel.html" ext:cls="Ext.grid.ColumnModel">Ext.grid.ColumnModel</a>({
+ <a href="output/Ext.grid.ColumnModel.html#Ext.grid.ColumnModel-defaults" ext:member="defaults" ext:cls="Ext.grid.ColumnModel">defaults</a>: {
+ width: 120,
+ sortable: true
+ },
+ <a href="output/Ext.grid.ColumnModel.html#Ext.grid.ColumnModel-columns" ext:member="columns" ext:cls="Ext.grid.ColumnModel">columns</a>: [
+ {id: <em>'company'</em>, header: <em>'Company'</em>, width: 200, sortable: true, dataIndex: <em>'company'</em>},
+ {header: <em>'Price'</em>, renderer: Ext.util.Format.usMoney, dataIndex: <em>'price'</em>},
+ {header: <em>'Change'</em>, dataIndex: <em>'change'</em>},
+ {header: <em>'% Change'</em>, dataIndex: <em>'pctChange'</em>},
+ <i>// instead of specifying renderer: Ext.util.Format.dateRenderer(<em>'m/d/Y'</em>) use xtype</i>
+ {
+ header: <em>'Last Updated'</em>, width: 135, dataIndex: <em>'lastChange'</em>,
+ xtype: <em>'datecolumn'</em>, format: <em>'M d, Y'</em>
+ }
+ ],
+ }),
+ <a href="output/Ext.grid.GridPanel.html#Ext.grid.GridPanel-viewConfig" ext:member="viewConfig" ext:cls="Ext.grid.GridPanel">viewConfig</a>: {
+ <a href="output/Ext.grid.GridView.html#Ext.grid.GridView-forceFit" ext:member="forceFit" ext:cls="Ext.grid.GridView">forceFit</a>: true,
+
+<i>// Return CSS class to apply to rows depending upon data values</i>
+ <a href="output/Ext.grid.GridView.html#Ext.grid.GridView-getRowClass" ext:member="getRowClass" ext:cls="Ext.grid.GridView">getRowClass</a>: <b>function</b>(record, index) {
+ <b>var</b> c = record.<a href="output/Ext.data.Record.html#Ext.data.Record-get" ext:member="get" ext:cls="Ext.data.Record">get</a>(<em>'change'</em>);
+ <b>if</b> (c < 0) {
+ <b>return</b> <em>'price-fall'</em>;
+ } <b>else</b> <b>if</b> (c > 0) {
+ <b>return</b> <em>'price-rise'</em>;
+ }
+ }
+ },
+ <a href="output/Ext.grid.GridPanel.html#Ext.grid.GridPanel-sm" ext:member="sm" ext:cls="Ext.grid.GridPanel">sm</a>: <b>new</b> Ext.grid.RowSelectionModel({singleSelect:true}),
+ width: 600,
+ height: 300,
+ frame: true,
+ title: <em>'Framed <b>with</b> Row Selection and Horizontal Scrolling'</em>,
+ iconCls: <em>'icon-grid'</em>
+});</code></pre>
+<p><b><u>Notes:</u></b></p>
+<div class="mdetail-params"><ul>
+<li>Although this class inherits many configuration options from base classes, some of them
+(such as autoScroll, autoWidth, layout, items, etc) are not used by this class, and will
+have no effect.</li>
+<li>A grid <b>requires</b> a width in which to scroll its columns, and a height in which to
+scroll its rows. These dimensions can either be set explicitly through the
+<tt><a href="output/Ext.BoxComponent.html#Ext.BoxComponent-height" ext:member="height" ext:cls="Ext.BoxComponent">height</a></tt> and <tt><a href="output/Ext.BoxComponent.html#Ext.BoxComponent-width" ext:member="width" ext:cls="Ext.BoxComponent">width</a></tt>
+configuration options or implicitly set by using the grid as a child item of a
+<a href="output/Ext.Container.html" ext:cls="Ext.Container">Container</a> which will have a <a href="output/Ext.Container.html#Ext.Container-layout" ext:member="layout" ext:cls="Ext.Container">layout manager</a>
+provide the sizing of its child items (for example the Container of the Grid may specify
+<tt><a href="output/Ext.Container.html#Ext.Container-layout" ext:member="layout" ext:cls="Ext.Container">layout</a>:'fit'</tt>).</li>
+<li>To access the data in a Grid, it is necessary to use the data model encapsulated
+by the <a href="output/Ext.grid.GridPanel.html#Ext.grid.GridPanel-store" ext:member="store" ext:cls="Ext.grid.GridPanel">Store</a>. See the <a href="output/Ext.grid.GridPanel.html#Ext.grid.GridPanel-cellclick" ext:member="cellclick" ext:cls="Ext.grid.GridPanel">cellclick</a> event for more details.</li>
</ul></div></div><div class="hr"></div><a id="Ext.grid.GridPanel-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"> </a></td><td class="sig"><a id="Ext.BoxComponent-anchor"></a><b><a href="source/BoxComponent.html#cfg-Ext.BoxComponent-anchor">anchor</a></b> : String<div class="mdesc"><div class="short">Note: this config is only used when this Component is rendered
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
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> (or subclass thereof).</b>
</ul></div></p>
<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.BoxComponent.html#anchor" ext:member="#anchor" ext:cls="Ext.BoxComponent">BoxComponent</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </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
animation (defaults to true if the Ext....</div><div class="long"><code>true</code> to animate the transition when the panel is collapsed, <code>false</code> to skip the
-animation (defaults to <code>true</code> if the <a href="output/Ext.Fx.html" ext:cls="Ext.Fx">Ext.Fx</a> class is available, otherwise <code>false</code>).</div></div></td><td class="msource"><a href="output/Ext.Panel.html#animCollapse" ext:member="#animCollapse" ext:cls="Ext.Panel">Panel</a></td></tr><tr class="config-row expandable "><td class="micon"><a href="#expand" class="exi"> </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
-this grid that should expand to fill unused space. This value specified here can not
-be 0.
-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
-this grid that should expand to fill unused space. This value specified here can not\r
-be <tt>0</tt>.</p>\r
-<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
-<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
-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
-for additional details.</p>\r
-<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">GridPanel</td></tr><tr class="config-row "><td class="micon"><a href="#expand" class="exi"> </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
-can have (if enabled). Defaults to <tt>1000</tt>.</div></td><td class="msource">GridPanel</td></tr><tr class="config-row "><td class="micon"><a href="#expand" class="exi"> </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
+animation (defaults to <code>true</code> if the <a href="output/Ext.Fx.html" ext:cls="Ext.Fx">Ext.Fx</a> class is available, otherwise <code>false</code>).</div></div></td><td class="msource"><a href="output/Ext.Panel.html#animCollapse" ext:member="#animCollapse" ext:cls="Ext.Panel">Panel</a></td></tr><tr class="config-row expandable "><td class="micon"><a href="#expand" class="exi"> </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
+this grid that should expand to fill unused space. This value specified here can not
+be 0.
+Note...</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
+this grid that should expand to fill unused space. This value specified here can not
+be <tt>0</tt>.</p>
+<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
+<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>
+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>
+for additional details.</p>
+<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">GridPanel</td></tr><tr class="config-row "><td class="micon"><a href="#expand" class="exi"> </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>
+can have (if enabled). Defaults to <tt>1000</tt>.</div></td><td class="msource">GridPanel</td></tr><tr class="config-row "><td class="micon"><a href="#expand" class="exi"> </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>
can have (if enabled). Defaults to <tt>50</tt>.</div></td><td class="msource">GridPanel</td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </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).
Note: Setting autoHeight: true means that t...</div><div class="long"><code>true</code> to use height:'auto', <code>false</code> to use fixed height (defaults to <code>false</code>).
<b>Note</b>: Setting <code>autoHeight: true</code> means that the browser will manage the panel's height
Warning: This will override any size mana...</div><div class="long"><p>The minimum value in pixels which this BoxComponent will set its height to.</p>
<p><b>Warning:</b> This will override any size management applied by layout managers.</p></div></div></td><td class="msource"><a href="output/Ext.BoxComponent.html#boxMinHeight" ext:member="#boxMinHeight" ext:cls="Ext.BoxComponent">BoxComponent</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.BoxComponent-boxMinWidth"></a><b><a href="source/BoxComponent.html#cfg-Ext.BoxComponent-boxMinWidth">boxMinWidth</a></b> : Number<div class="mdesc"><div class="short">The minimum value in pixels which this BoxComponent will set its width to.
Warning: This will override any size manag...</div><div class="long"><p>The minimum value in pixels which this BoxComponent will set its width to.</p>
-<p><b>Warning:</b> This will override any size management applied by layout managers.</p></div></div></td><td class="msource"><a href="output/Ext.BoxComponent.html#boxMinWidth" ext:member="#boxMinWidth" ext:cls="Ext.BoxComponent">BoxComponent</a></td></tr><tr class="config-row expandable "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.grid.GridPanel-bubbleEvents"></a><b><a href="source/GridPanel.html#cfg-Ext.grid.GridPanel-bubbleEvents">bubbleEvents</a></b> : Array<div class="mdesc"><div class="short">An array of events that, when fired, should be bubbled to any parent container.
-See Ext.util.Observable.enableBubble...</div><div class="long"><p>An array of events that, when fired, should be bubbled to any parent container.\r
-See <a href="output/Ext.util.Observable.html#Ext.util.Observable-enableBubble" ext:member="enableBubble" ext:cls="Ext.util.Observable">Ext.util.Observable.enableBubble</a>. \r
+<p><b>Warning:</b> This will override any size management applied by layout managers.</p></div></div></td><td class="msource"><a href="output/Ext.BoxComponent.html#boxMinWidth" ext:member="#boxMinWidth" ext:cls="Ext.BoxComponent">BoxComponent</a></td></tr><tr class="config-row expandable "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.grid.GridPanel-bubbleEvents"></a><b><a href="source/GridPanel.html#cfg-Ext.grid.GridPanel-bubbleEvents">bubbleEvents</a></b> : Array<div class="mdesc"><div class="short">An array of events that, when fired, should be bubbled to any parent container.
+See Ext.util.Observable.enableBubble....</div><div class="long"><p>An array of events that, when fired, should be bubbled to any parent container.
+See <a href="output/Ext.util.Observable.html#Ext.util.Observable-enableBubble" ext:member="enableBubble" ext:cls="Ext.util.Observable">Ext.util.Observable.enableBubble</a>.
Defaults to <tt>[]</tt>.</div></div></td><td class="msource">GridPanel</td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </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',
'left' and 'center' (defaults to 'right'...</div><div class="long">The alignment of any <a href="output/Ext.Panel.html#Ext.Panel-buttons" ext:member="buttons" ext:cls="Ext.Panel">buttons</a> added to this panel. Valid values are <code><em>'right'</em></code>,
<code><em>'left'</em></code> and <code><em>'center'</em></code> (defaults to <code><em>'right'</em></code>).</div></div></td><td class="msource"><a href="output/Ext.Panel.html#buttonAlign" ext:member="#buttonAlign" ext:cls="Ext.Panel">Panel</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </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
<code>false</code>).</div></td><td class="msource"><a href="output/Ext.Panel.html#collapsed" ext:member="#collapsed" ext:cls="Ext.Panel">Panel</a></td></tr><tr class="config-row inherited"><td class="micon"><a href="#expand" class="exi"> </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
<code><em>'x-panel-collapsed'</em></code>).</div></td><td class="msource"><a href="output/Ext.Panel.html#collapsedCls" ext:member="#collapsedCls" ext:cls="Ext.Panel">Panel</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </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
the header ...</div><div class="long">True to make the panel collapsible and have the expand/collapse toggle button automatically rendered into
-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 "><td class="micon"><a href="#expand" class="exi"> </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
-Default is <tt>false</tt>.</div></td><td class="msource">GridPanel</td></tr><tr class="config-row expandable "><td class="micon"><a href="#expand" class="exi"> </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
-Ext.grid.ColumnModel. The ColumnModel may be explicitly created via the
-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
-<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
+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 "><td class="micon"><a href="#expand" class="exi"> </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.
+Default is <tt>false</tt>.</div></td><td class="msource">GridPanel</td></tr><tr class="config-row expandable "><td class="micon"><a href="#expand" class="exi"> </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
+Ext.grid.ColumnModel. The ColumnModel may be explicitly created via the
+colMode...</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
+<a href="output/Ext.grid.ColumnModel.html" ext:cls="Ext.grid.ColumnModel">Ext.grid.ColumnModel</a>. The ColumnModel may be explicitly created via the
<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">GridPanel</td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </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
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
adding customized styles to the container or any of its children using standard CSS rules. See
To configure the above Class with an extra CSS class append to the default. For example,
for BoxLayout (Hbox and Vbox):<pre><code>ctCls: <em>'x-box-layout-ct custom-class'</em></code></pre>
</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"> </a></td><td class="sig"><a id="Ext.Component-data"></a><b><a href="source/Component.html#cfg-Ext.Component-data">data</a></b> : Mixed<div class="mdesc">The initial set of data to apply to the <code><a href="output/Ext.Component.html#Ext.Component-tpl" ext:member="tpl" ext:cls="Ext.Component">tpl</a></code> to
-update the content area of the Component.</div></td><td class="msource"><a href="output/Ext.Component.html#data" ext:member="#data" ext:cls="Ext.Component">Component</a></td></tr><tr class="config-row "><td class="micon"><a href="#expand" class="exi"> </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">GridPanel</td></tr><tr class="config-row expandable "><td class="micon"><a href="#expand" class="exi"> </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:
-ddText : '{0} selected row{1}'
-{0} is replaced with the number...</div><div class="long">Configures the text in the drag proxy. Defaults to:\r
-<pre><code>ddText : <em>'{0} selected row{1}'</em></code></pre>\r
-<tt>{0}</tt> is replaced with the number of selected rows.</div></div></td><td class="msource">GridPanel</td></tr><tr class="config-row expandable "><td class="micon"><a href="#expand" class="exi"> </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.
-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
-<p>This allows the GridPanel to be initially rendered empty, with the expensive update of the row\r
-structure deferred so that layouts with GridPanels appear more quickly.</p></div></div></td><td class="msource">GridPanel</td></tr><tr class="config-row "><td class="micon"><a href="#expand" class="exi"> </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
+update the content area of the Component.</div></td><td class="msource"><a href="output/Ext.Component.html#data" ext:member="#data" ext:cls="Ext.Component">Component</a></td></tr><tr class="config-row "><td class="micon"><a href="#expand" class="exi"> </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">GridPanel</td></tr><tr class="config-row expandable "><td class="micon"><a href="#expand" class="exi"> </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:
+ddText : '{0} selected row{1}'
+{0} is replaced with the number o...</div><div class="long">Configures the text in the drag proxy. Defaults to:
+<pre><code>ddText : <em>'{0} selected row{1}'</em></code></pre>
+<tt>{0}</tt> is replaced with the number of selected rows.</div></div></td><td class="msource">GridPanel</td></tr><tr class="config-row expandable "><td class="micon"><a href="#expand" class="exi"> </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.
+This allows the GridPanel to be initially rendered empty, with the...</div><div class="long"><P>Defaults to <tt>true</tt> to enable deferred row rendering.</p>
+<p>This allows the GridPanel to be initially rendered empty, with the expensive update of the row
+structure deferred so that layouts with GridPanels appear more quickly.</p></div></div></td><td class="msource">GridPanel</td></tr><tr class="config-row "><td class="micon"><a href="#expand" class="exi"> </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>
<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">GridPanel</td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </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
config on panels is that IE ...</div><div class="long">Render this panel disabled (default is <code>false</code>). An important note when using the disabled
config on panels is that IE will often fail to initialize the disabled mask element correectly if
this.panel.setPosition(this.x, this.y);
}
}
-}).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 "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.grid.GridPanel-enableColumnHide"></a><b><a href="source/GridPanel.html#cfg-Ext.grid.GridPanel-enableColumnHide">enableColumnHide</a></b> : Boolean<div class="mdesc">Defaults to <tt>true</tt> to enable <a href="output/Ext.grid.Column.html#Ext.grid.Column-hidden" ext:member="hidden" ext:cls="Ext.grid.Column">hiding of columns</a>\r
-with the <a href="output/Ext.grid.GridPanel.html#Ext.grid.GridPanel-enableHdMenu" ext:member="enableHdMenu" ext:cls="Ext.grid.GridPanel">header menu</a>.</div></td><td class="msource">GridPanel</td></tr><tr class="config-row "><td class="micon"><a href="#expand" class="exi"> </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
-to turn off column reordering via drag drop.</div></td><td class="msource">GridPanel</td></tr><tr class="config-row "><td class="micon"><a href="#expand" class="exi"> </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">GridPanel</td></tr><tr class="config-row expandable "><td class="micon"><a href="#expand" class="exi"> </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.
-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
-<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
-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
-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
-property.</p>\r
-<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
-<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
-<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
+}).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 "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.grid.GridPanel-enableColumnHide"></a><b><a href="source/GridPanel.html#cfg-Ext.grid.GridPanel-enableColumnHide">enableColumnHide</a></b> : Boolean<div class="mdesc">Defaults to <tt>true</tt> to enable <a href="output/Ext.grid.Column.html#Ext.grid.Column-hidden" ext:member="hidden" ext:cls="Ext.grid.Column">hiding of columns</a>
+with the <a href="output/Ext.grid.GridPanel.html#Ext.grid.GridPanel-enableHdMenu" ext:member="enableHdMenu" ext:cls="Ext.grid.GridPanel">header menu</a>.</div></td><td class="msource">GridPanel</td></tr><tr class="config-row "><td class="micon"><a href="#expand" class="exi"> </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>
+to turn off column reordering via drag drop.</div></td><td class="msource">GridPanel</td></tr><tr class="config-row "><td class="micon"><a href="#expand" class="exi"> </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">GridPanel</td></tr><tr class="config-row expandable "><td class="micon"><a href="#expand" class="exi"> </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.
+Setting this to true causes this GridPanel...</div><div class="long"><p>Enables dragging of the selected rows of the GridPanel. Defaults to <tt>false</tt>.</p>
+<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
+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>
+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>
+property.</p>
+<p>A cooperating <a href="output/Ext.dd.DropZone.html" ext:cls="Ext.dd.DropZone">DropZone</a> must be created who's implementations of
+<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>,
+<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
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">GridPanel</td></tr><tr class="config-row "><td class="micon"><a href="#expand" class="exi"> </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">GridPanel</td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </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
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
<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>
typeAhead: true,
mode: <em>'local'</em>,
triggerAction: <em>'all'</em>
-});</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 "><td class="micon"><a href="#expand" class="exi"> </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
+});</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 "><td class="micon"><a href="#expand" class="exi"> </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
loading. Defaults to <code>false</code>.</div></td><td class="msource">GridPanel</td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </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
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
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>
<div class="sub-desc">When using this config, a call to render() is not required.</div>
</ul></li>
</ul></div>
-<p>See <tt><a href="output/Ext.Component.html#Ext.Component-render" ext:member="render" ext:cls="Ext.Component">render</a></tt> also.</p></div></div></td><td class="msource"><a href="output/Ext.Component.html#renderTo" ext:member="#renderTo" ext:cls="Ext.Component">Component</a></td></tr><tr class="config-row inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Panel-resizeEvent"></a><b><a href="source/Panel.html#cfg-Ext.Panel-resizeEvent">resizeEvent</a></b> : String<div class="mdesc">The event to listen to for resizing in layouts. Defaults to <tt>'bodyresize'</tt>.</div></td><td class="msource"><a href="output/Ext.Panel.html#resizeEvent" ext:member="#resizeEvent" ext:cls="Ext.Panel">Panel</a></td></tr><tr class="config-row expandable "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.grid.GridPanel-selModel"></a><b><a href="source/GridPanel.html#cfg-Ext.grid.GridPanel-selModel">selModel</a></b> : Object<div class="mdesc"><div class="short">Any subclass of Ext.grid.AbstractSelectionModel that will provide
-the selection model for the grid (defaults to Ext....</div><div class="long">Any subclass of <a href="output/Ext.grid.AbstractSelectionModel.html" ext:cls="Ext.grid.AbstractSelectionModel">Ext.grid.AbstractSelectionModel</a> that will provide\r
+<p>See <tt><a href="output/Ext.Component.html#Ext.Component-render" ext:member="render" ext:cls="Ext.Component">render</a></tt> also.</p></div></div></td><td class="msource"><a href="output/Ext.Component.html#renderTo" ext:member="#renderTo" ext:cls="Ext.Component">Component</a></td></tr><tr class="config-row inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Panel-resizeEvent"></a><b><a href="source/Panel.html#cfg-Ext.Panel-resizeEvent">resizeEvent</a></b> : String<div class="mdesc">The event to listen to for resizing in layouts. Defaults to <tt>'bodyresize'</tt>.</div></td><td class="msource"><a href="output/Ext.Panel.html#resizeEvent" ext:member="#resizeEvent" ext:cls="Ext.Panel">Panel</a></td></tr><tr class="config-row expandable "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.grid.GridPanel-selModel"></a><b><a href="source/GridPanel.html#cfg-Ext.grid.GridPanel-selModel">selModel</a></b> : Object<div class="mdesc"><div class="short">Any subclass of Ext.grid.AbstractSelectionModel that will provide
+the selection model for the grid (defaults to Ext.g...</div><div class="long">Any subclass of <a href="output/Ext.grid.AbstractSelectionModel.html" ext:cls="Ext.grid.AbstractSelectionModel">Ext.grid.AbstractSelectionModel</a> that will provide
the selection model for the grid (defaults to <a href="output/Ext.grid.RowSelectionModel.html" ext:cls="Ext.grid.RowSelectionModel">Ext.grid.RowSelectionModel</a> if not specified).</div></div></td><td class="msource">GridPanel</td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </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
panel, false to display no shadow (...</div><div class="long"><code>true</code> (or a valid Ext.Shadow <a href="output/Ext.Shadow.html#Ext.Shadow-mode" ext:member="mode" ext:cls="Ext.Shadow">Ext.Shadow.mode</a> value) to display a shadow behind the
panel, <code>false</code> to display no shadow (defaults to <code><em>'sides'</em></code>). Note that this option
option only applies when float...</div><div class="long">The number of pixels to offset the shadow if displayed (defaults to <code>4</code>). Note that this
option only applies when <code><a href="output/Ext.Panel.html#Ext.Panel-floating" ext:member="floating" ext:cls="Ext.Panel">floating</a> = true</code>.</div></div></td><td class="msource"><a href="output/Ext.Panel.html#shadowOffset" ext:member="#shadowOffset" ext:cls="Ext.Panel">Panel</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </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).
Note that this option only applies wh...</div><div class="long"><code>false</code> to disable the iframe shim in browsers which need one (defaults to <code>true</code>).
-Note that this option only applies when <code><a href="output/Ext.Panel.html#Ext.Panel-floating" ext:member="floating" ext:cls="Ext.Panel">floating</a> = true</code>.</div></div></td><td class="msource"><a href="output/Ext.Panel.html#shim" ext:member="#shim" ext:cls="Ext.Panel">Panel</a></td></tr><tr class="config-row "><td class="micon"><a href="#expand" class="exi"> </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">GridPanel</td></tr><tr class="config-row expandable "><td class="micon"><a href="#expand" class="exi"> </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.
-Defaults to:stateEvents: ['col...</div><div class="long">An array of events that, when fired, should trigger this component to save its state.\r
-Defaults to:<pre><code>stateEvents: [<em>'columnmove'</em>, <em>'columnresize'</em>, <em>'sortchange'</em>, <em>'groupchange'</em>]</code></pre>\r
-<p>These can be any types of events supported by this component, including browser or\r
-custom events (e.g., <tt>['click', 'customerchange']</tt>).</p>\r
-<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
+Note that this option only applies when <code><a href="output/Ext.Panel.html#Ext.Panel-floating" ext:member="floating" ext:cls="Ext.Panel">floating</a> = true</code>.</div></div></td><td class="msource"><a href="output/Ext.Panel.html#shim" ext:member="#shim" ext:cls="Ext.Panel">Panel</a></td></tr><tr class="config-row "><td class="micon"><a href="#expand" class="exi"> </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">GridPanel</td></tr><tr class="config-row expandable "><td class="micon"><a href="#expand" class="exi"> </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.
+Defaults to:stateEvents: ['colu...</div><div class="long">An array of events that, when fired, should trigger this component to save its state.
+Defaults to:<pre><code>stateEvents: [<em>'columnmove'</em>, <em>'columnresize'</em>, <em>'sortchange'</em>, <em>'groupchange'</em>]</code></pre>
+<p>These can be any types of events supported by this component, including browser or
+custom events (e.g., <tt>['click', 'customerchange']</tt>).</p>
+<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
Component state.</p></div></div></td><td class="msource">GridPanel</td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </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
(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
(defaults to the component id if one was set, otherwise null if the
more behaviour.</p>
<p>You can perform extra processing on state save and restore by attaching
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>,
-<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 "><td class="micon"><a href="#expand" class="exi"> </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">GridPanel</td></tr><tr class="config-row expandable "><td class="micon"><a href="#expand" class="exi"> </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.
-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
-<p>This causes the CSS class <tt><b>x-grid3-row-alt</b></tt> to be added to alternate rows of\r
-the grid. A default CSS rule is provided which sets a background colour, but you can override this\r
-with a rule which either overrides the <b>background-color</b> style using the '!important'\r
+<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 "><td class="micon"><a href="#expand" class="exi"> </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">GridPanel</td></tr><tr class="config-row expandable "><td class="micon"><a href="#expand" class="exi"> </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.
+This causes the CSS class x-grid3-row-alt to be added to alternate rows of...</div><div class="long"><tt>true</tt> to stripe the rows. Default is <tt>false</tt>.
+<p>This causes the CSS class <tt><b>x-grid3-row-alt</b></tt> to be added to alternate rows of
+the grid. A default CSS rule is provided which sets a background colour, but you can override this
+with a rule which either overrides the <b>background-color</b> style using the '!important'
modifier, or which uses a CSS selector of higher specificity.</p></div></div></td><td class="msource">GridPanel</td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </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
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
<a href="output/Ext.Element.html#Ext.Element-applyStyles" ext:member="applyStyles" ext:cls="Ext.Element">Ext.Element.applyStyles</a>.
updating the content area of the Component. Defaults to 'overwrite'
(see Ext.X...</div><div class="long">The Ext.(X)Template method to use when
updating the content area of the Component. Defaults to <tt>'overwrite'</tt>
-(see <code><a href="output/Ext.XTemplate.html#Ext.XTemplate-overwrite" ext:member="overwrite" ext:cls="Ext.XTemplate">Ext.XTemplate.overwrite</a></code>).</div></div></td><td class="msource"><a href="output/Ext.Component.html#tplWriteMode" ext:member="#tplWriteMode" ext:cls="Ext.Component">Component</a></td></tr><tr class="config-row "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.grid.GridPanel-trackMouseOver"></a><b><a href="source/GridPanel.html#cfg-Ext.grid.GridPanel-trackMouseOver">trackMouseOver</a></b> : Boolean<div class="mdesc">True to highlight rows when the mouse is over. Default is <tt>true</tt>\r
+(see <code><a href="output/Ext.XTemplate.html#Ext.XTemplate-overwrite" ext:member="overwrite" ext:cls="Ext.XTemplate">Ext.XTemplate.overwrite</a></code>).</div></div></td><td class="msource"><a href="output/Ext.Component.html#tplWriteMode" ext:member="#tplWriteMode" ext:cls="Ext.Component">Component</a></td></tr><tr class="config-row "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.grid.GridPanel-trackMouseOver"></a><b><a href="source/GridPanel.html#cfg-Ext.grid.GridPanel-trackMouseOver">trackMouseOver</a></b> : Boolean<div class="mdesc">True to highlight rows when the mouse is over. Default is <tt>true</tt>
for GridPanel, but <tt>false</tt> for EditorGridPanel.</div></td><td class="msource">GridPanel</td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </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
the panel unstyled except for required attributes ...</div><div class="long">Overrides the <code><a href="output/Ext.Panel.html#Ext.Panel-baseCls" ext:member="baseCls" ext:cls="Ext.Panel">baseCls</a></code> setting to <code><a href="output/Ext.Panel.html#Ext.Panel-baseCls" ext:member="baseCls" ext:cls="Ext.Panel">baseCls</a> = <em>'x-plain'</em></code> which renders
-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 "><td class="micon"><a href="#expand" class="exi"> </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
-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">GridPanel</td></tr><tr class="config-row expandable "><td class="micon"><a href="#expand" class="exi"> </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
-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
-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
+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 "><td class="micon"><a href="#expand" class="exi"> </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
+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">GridPanel</td></tr><tr class="config-row expandable "><td class="micon"><a href="#expand" class="exi"> </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
+the config options available for Ext.grid.GridVie...</div><div class="long">A config object that will be applied to the grid's UI view. Any of
+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
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">GridPanel</td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </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).
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).
<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"> </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"> </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
<a href="output/Ext.ComponentMgr.html" ext:cls="Ext.ComponentMgr">Ext.ComponentMgr</a>. Destruction is generally handled automatically by the framework and this method
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"> </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>( <code>String/Array events</code> )
:
- void<div class="mdesc"><div class="short">Enables events fired by this Observable to bubble up an owner hierarchy by calling
-this.getBubbleTarget() if present...</div><div class="long"><p>Enables events fired by this Observable to bubble up an owner hierarchy by calling\r
-<code>this.getBubbleTarget()</code> if present. There is no implementation in the Observable base class.</p>\r
-<p>This is commonly used by Ext.Components to bubble events to owner Containers. See <a href="output/Ext.Component.getBubbleTarget.html" ext:cls="Ext.Component.getBubbleTarget">Ext.Component.getBubbleTarget</a>. The default\r
-implementation in Ext.Component returns the Component's immediate owner. But if a known target is required, this can be overridden to\r
-access the required target more quickly.</p>\r
-<p>Example:</p><pre><code>Ext.override(Ext.form.Field, {\r
- <i>// Add functionality to Field's initComponent to enable the change event to bubble\r</i>
- initComponent : Ext.form.Field.prototype.initComponent.createSequence(<b>function</b>() {\r
- this.enableBubble(<em>'change'</em>);\r
- }),\r
-\r
- <i>// We know that we want Field's events to bubble directly to the FormPanel.\r</i>
- getBubbleTarget : <b>function</b>() {\r
- <b>if</b> (!this.formPanel) {\r
- this.formPanel = this.findParentByType(<em>'form'</em>);\r
- }\r
- <b>return</b> this.formPanel;\r
- }\r
-});\r
-\r
-<b>var</b> myForm = <b>new</b> Ext.formPanel({\r
- title: <em>'User Details'</em>,\r
- items: [{\r
- ...\r
- }],\r
- listeners: {\r
- change: <b>function</b>() {\r
- <i>// Title goes red <b>if</b> form has been modified.\r</i>
- myForm.header.setStyle(<em>'color'</em>, <em>'red'</em>);\r
- }\r
- }\r
+ void<div class="mdesc"><div class="short">Enables events fired by this Observable to bubble up an owner hierarchy by calling
+this.getBubbleTarget() if present....</div><div class="long"><p>Enables events fired by this Observable to bubble up an owner hierarchy by calling
+<code>this.getBubbleTarget()</code> if present. There is no implementation in the Observable base class.</p>
+<p>This is commonly used by Ext.Components to bubble events to owner Containers. See <a href="output/Ext.Component.getBubbleTarget.html" ext:cls="Ext.Component.getBubbleTarget">Ext.Component.getBubbleTarget</a>. The default
+implementation in Ext.Component returns the Component's immediate owner. But if a known target is required, this can be overridden to
+access the required target more quickly.</p>
+<p>Example:</p><pre><code>Ext.override(Ext.form.Field, {
+ <i>// Add functionality to Field's initComponent to enable the change event to bubble</i>
+ initComponent : Ext.form.Field.prototype.initComponent.createSequence(<b>function</b>() {
+ this.enableBubble(<em>'change'</em>);
+ }),
+
+ <i>// We know that we want Field's events to bubble directly to the FormPanel.</i>
+ getBubbleTarget : <b>function</b>() {
+ <b>if</b> (!this.formPanel) {
+ this.formPanel = this.findParentByType(<em>'form'</em>);
+ }
+ <b>return</b> this.formPanel;
+ }
+});
+
+<b>var</b> myForm = <b>new</b> Ext.formPanel({
+ title: <em>'User Details'</em>,
+ items: [{
+ ...
+ }],
+ listeners: {
+ change: <b>function</b>() {
+ <i>// Title goes red <b>if</b> form has been modified.</i>
+ myForm.header.setStyle(<em>'color'</em>, <em>'red'</em>);
+ }
+ }
});</code></pre><div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>events</code> : String/Array<div class="sub-desc">The event name to bubble, or an Array of event names.</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.util.Observable.html#enableBubble" ext:member="#enableBubble" ext:cls="Ext.util.Observable">Observable</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Panel-expand"></a><b><a href="source/Panel.html#method-Ext.Panel-expand">expand</a></b>( <code>Boolean animate</code> )
:
Ext.Panel<div class="mdesc"><div class="short">Expands the panel body so that it becomes visible. Fires the beforeexpand event which will
},
single: true <i>// Remove the listener after first invocation</i>
}
-});</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"> </a></td><td class="sig"><a id="Ext.Panel-getFrameHeight"></a><b><a href="source/Panel.html#method-Ext.Panel-getFrameHeight">getFrameHeight</a></b>()
+});</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"> </a></td><td class="sig"><a id="Ext.Panel-getFooterToolbar"></a><b><a href="source/Panel.html#method-Ext.Panel-getFooterToolbar">getFooterToolbar</a></b>()
+ :
+ Ext.Toolbar<div class="mdesc"><div class="short">Returns the toolbar from the footer (fbar) section of the panel.</div><div class="long">Returns the <a href="output/Ext.Toolbar.html" ext:cls="Ext.Toolbar">toolbar</a> from the footer (<code><a href="output/Ext.Panel.html#Ext.Panel-fbar" ext:member="fbar" ext:cls="Ext.Panel">fbar</a></code>) section of the panel.<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li><code>Ext.Toolbar</code><div class="sub-desc">The toolbar</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Panel.html#getFooterToolbar" ext:member="#getFooterToolbar" ext:cls="Ext.Panel">Panel</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Panel-getFrameHeight"></a><b><a href="source/Panel.html#method-Ext.Panel-getFrameHeight">getFrameHeight</a></b>()
:
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
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
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.
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><code>Ext.Element</code><div class="sub-desc">The Element which is to be resized by size managing layouts.</div></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 "><td class="micon"><a href="#expand" class="exi"> </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>()
:
- SelectionModel<div class="mdesc"><div class="short">Returns the grid's selection model configured by the selModel
-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
-configuration option. If no selection model was configured, this will create\r
+ SelectionModel<div class="mdesc"><div class="short">Returns the grid's selection model configured by the selModel
+configuration option. If no selection model was configu...</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>
+configuration option. If no selection model was configured, this will create
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">GridPanel</td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.BoxComponent-getSize"></a><b><a href="source/BoxComponent.html#method-Ext.BoxComponent-getSize">getSize</a></b>()
:
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 "><td class="micon"><a href="#expand" class="exi"> </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>()
:
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 "><td class="micon"><a href="#expand" class="exi"> </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>( <code>Ext.data.Store store</code>, <code>Ext.grid.ColumnModel colModel</code> )
:
- void<div class="mdesc"><div class="short">Reconfigures the grid to use a different Store and Column Model
-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
-and fires the 'reconfigure' event. The View will be bound to the new\r
-objects and refreshed.</p>\r
-<p>Be aware that upon reconfiguring a GridPanel, certain existing settings <i>may</i> become\r
-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
-new ColumnModel. Also, an existing <a href="output/Ext.PagingToolbar.html" ext:cls="Ext.PagingToolbar">PagingToolbar</a> will still be bound\r
-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
+ void<div class="mdesc"><div class="short">Reconfigures the grid to use a different Store and Column Model
+and fires the 'reconfigure' event. The View will be b...</div><div class="long"><p>Reconfigures the grid to use a different Store and Column Model
+and fires the 'reconfigure' event. The View will be bound to the new
+objects and refreshed.</p>
+<p>Be aware that upon reconfiguring a GridPanel, certain existing settings <i>may</i> become
+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
+new ColumnModel. Also, an existing <a href="output/Ext.PagingToolbar.html" ext:cls="Ext.PagingToolbar">PagingToolbar</a> will still be bound
+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
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">GridPanel</td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </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>( <code>Object o</code>, <code>Array events</code> )
:
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"> </a></td><td class="sig"><a id="Ext.Container-removeAll"></a><b><a href="source/Container.html#method-Ext.Container-removeAll">removeAll</a></b>( <span title="Optional" class="optional">[<code>Boolean autoDestroy</code>]</span> )
If events were suspended using the <tt><b>queueSuspended</b></tt> parameter, then all
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"> </a></td><td class="sig"><a id="Ext.BoxComponent-setAutoScroll"></a><b><a href="source/BoxComponent.html#method-Ext.BoxComponent-setAutoScroll">setAutoScroll</a></b>( <code>Boolean scroll</code> )
:
- Ext.BoxComponent<div class="mdesc"><div class="short">Sets the overflow on the content element of the component.</div><div class="long">Sets the overflow on the content element of the component.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>scroll</code> : Boolean<div class="sub-desc">True to allow the Component to auto scroll.</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#setAutoScroll" ext:member="#setAutoScroll" ext:cls="Ext.BoxComponent">BoxComponent</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.BoxComponent-setHeight"></a><b><a href="source/BoxComponent.html#method-Ext.BoxComponent-setHeight">setHeight</a></b>( <code>Number height</code> )
+ Ext.BoxComponent<div class="mdesc"><div class="short">Sets the overflow on the content element of the component.</div><div class="long">Sets the overflow on the content element of the component.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>scroll</code> : Boolean<div class="sub-desc">True to allow the Component to auto scroll.</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#setAutoScroll" ext:member="#setAutoScroll" ext:cls="Ext.BoxComponent">BoxComponent</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.BoxComponent-setHeight"></a><b><a href="source/BoxComponent.html#method-Ext.BoxComponent-setHeight">setHeight</a></b>( <code>Mixed height</code> )
:
- 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>
-<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>
+ 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> :
Mixed<div class="sub-desc">The new height to set. This may be one of:<div class="mdetail-params"><ul>
+<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">defaultUnit</a>s (by default, pixels).</li>
<li>A String used to set the CSS height style.</li>
<li><i>undefined</i> to leave the height unchanged.</li>
</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"> </a></td><td class="sig"><a id="Ext.Panel-setIconClass"></a><b><a href="source/Panel.html#method-Ext.Panel-setIconClass">setIconClass</a></b>( <code>String cls</code> )
for the Panel. This is triggered either by configuring the Panel with a non-blank <code><a href="output/Ext.Panel.html#Ext.Panel-title" ext:member="title" ext:cls="Ext.Panel">title</a></code>,
or configuring it with <code><b><a href="output/Ext.Panel.html#Ext.Panel-header" ext:member="header" ext:cls="Ext.Panel">header</a>: true</b></code>.</p><div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>title</code> : String<div class="sub-desc">The title text to set</div></li><li><code>iconCls</code> : String<div class="sub-desc">(optional) <a href="output/Ext.Panel.html#Ext.Panel-iconCls" ext:member="iconCls" ext:cls="Ext.Panel">iconCls</a> A user-defined CSS class that provides the icon image for this panel</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Panel.html#setTitle" ext:member="#setTitle" ext:cls="Ext.Panel">Panel</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Component-setVisible"></a><b><a href="source/Component.html#method-Ext.Component-setVisible">setVisible</a></b>( <code>Boolean visible</code> )
:
- 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"> </a></td><td class="sig"><a id="Ext.BoxComponent-setWidth"></a><b><a href="source/BoxComponent.html#method-Ext.BoxComponent-setWidth">setWidth</a></b>( <code>Number width</code> )
+ 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"> </a></td><td class="sig"><a id="Ext.BoxComponent-setWidth"></a><b><a href="source/BoxComponent.html#method-Ext.BoxComponent-setWidth">setWidth</a></b>( <code>Mixed width</code> )
:
- 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>
-<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>
+ 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> :
Mixed<div class="sub-desc">The new width to set. This may be one of:<div class="mdetail-params"><ul>
+<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">defaultUnit</a>s (by default, pixels).</li>
<li>A String used to set the CSS width style.</li>
</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"> </a></td><td class="sig"><a id="Ext.Component-show"></a><b><a href="source/Component.html#method-Ext.Component-show">show</a></b>()
:
( <code>Number scrollLeft</code>, <code>Number scrollTop</code> )
<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">GridPanel</td></tr><tr class="method-row expandable "><td class="micon"><a href="#expand" class="exi"> </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> :
( <code>Grid this</code>, <code>Number rowIndex</code>, <code>Number columnIndex</code>, <code>Ext.EventObject e</code> )
- <div class="mdesc"><div class="short">Fires when a cell is clicked.
-The data for the cell is drawn from the Record
-for this row. To access the data in th...</div><div class="long">Fires when a cell is clicked.\r
-The data for the cell is drawn from the <a href="output/Ext.data.Record.html" ext:cls="Ext.data.Record">Record</a>\r
-for this row. To access the data in the listener function use the\r
-following technique:\r
-<pre><code><b>function</b>(grid, rowIndex, columnIndex, e) {\r
- <b>var</b> record = grid.getStore().getAt(rowIndex); <i>// Get the Record\r</i>
- <b>var</b> fieldName = grid.getColumnModel().getDataIndex(columnIndex); <i>// Get field name\r</i>
- <b>var</b> data = record.get(fieldName);\r
+ <div class="mdesc"><div class="short">Fires when a cell is clicked.
+The data for the cell is drawn from the Record
+for this row. To access the data in the ...</div><div class="long">Fires when a cell is clicked.
+The data for the cell is drawn from the <a href="output/Ext.data.Record.html" ext:cls="Ext.data.Record">Record</a>
+for this row. To access the data in the listener function use the
+following technique:
+<pre><code><b>function</b>(grid, rowIndex, columnIndex, e) {
+ <b>var</b> record = grid.getStore().getAt(rowIndex); <i>// Get the Record</i>
+ <b>var</b> fieldName = grid.getColumnModel().getDataIndex(columnIndex); <i>// Get field name</i>
+ <b>var</b> data = record.get(fieldName);
}</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">GridPanel</td></tr><tr class="method-row expandable "><td class="micon"><a href="#expand" class="exi"> </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> :
( <code>Grid this</code>, <code>Number rowIndex</code>, <code>Number cellIndex</code>, <code>Ext.EventObject e</code> )
<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">GridPanel</td></tr><tr class="method-row expandable "><td class="micon"><a href="#expand" class="exi"> </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> :
git.ithinksw.org / extjs.git / blobdiff