Upgrade to ExtJS 4.0.0 - Released 04/26/2011
[extjs.git] / docs / output / Ext.grid.GroupingView.html
diff --git a/docs/output/Ext.grid.GroupingView.html b/docs/output/Ext.grid.GroupingView.html
deleted file mode 100644 (file)
index 9645821..0000000
+++ /dev/null
@@ -1,1093 +0,0 @@
-        <div class="body-wrap">
-        <div class="top-tools">
-            <a class="inner-link" href="#Ext.grid.GroupingView-props"><img src="../resources/images/default/s.gif" class="item-icon icon-prop">Properties</a>
-            <a class="inner-link" href="#Ext.grid.GroupingView-methods"><img src="../resources/images/default/s.gif" class="item-icon icon-method">Methods</a>
-            <a class="inner-link" href="#Ext.grid.GroupingView-events"><img src="../resources/images/default/s.gif" class="item-icon icon-event">Events</a>
-                            <a class="inner-link" href="#Ext.grid.GroupingView-configs"><img src="../resources/images/default/s.gif" class="item-icon icon-config">Config Options</a>
-                        <a class="bookmark" href="../docs/?class=Ext.grid.GroupingView"><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 ext:cls="Ext.util.Observable" ext:member="" href="output/Ext.util.Observable.html">Observable</a>
-  <img src="resources/elbow-end.gif"/><a ext:cls="Ext.grid.GridView" ext:member="" href="output/Ext.grid.GridView.html">GridView</a>
-    <img src="resources/elbow-end.gif"/>GroupingView</pre></div>
-                <h1>Class Ext.grid.GroupingView</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="../src/GroupingView.js" target="_blank">GroupingView.js</a></td></tr>
-            <tr><td class="label">Class:</td><td class="hd-info">GroupingView</td></tr>
-                                    <tr><td class="label">Extends:</td><td class="hd-info"><a ext:cls="Ext.grid.GridView" ext:member="" href="output/Ext.grid.GridView.html">GridView</a></td></tr>
-                    </table>
-        <div class="description">
-            *
-Adds the ability for single level grouping to the grid.
-<pre><code>var grid = <b>new</b> Ext.grid.GridPanel({
-    <i>// A groupingStore is required <b>for</b> a GroupingView</i>
-    store: <b>new</b> Ext.data.GroupingStore({
-        reader: reader,
-        data: xg.dummyData,
-        sortInfo:{field: <em>'company'</em>, direction: <em>"ASC"</em>},
-        groupField:<em>'industry'</em>
-    }),
-
-    columns: [
-        {id:<em>'company'</em>,header: <em>"Company"</em>, width: 60, sortable: true, dataIndex: <em>'company'</em>},
-        {header: <em>"Price"</em>, width: 20, sortable: true, renderer: Ext.util.Format.usMoney, dataIndex: <em>'price'</em>},
-        {header: <em>"Change"</em>, width: 20, sortable: true, dataIndex: <em>'change'</em>, renderer: Ext.util.Format.usMoney},
-        {header: <em>"Industry"</em>, width: 20, sortable: true, dataIndex: <em>'industry'</em>},
-        {header: <em>"Last Updated"</em>, width: 20, sortable: true, renderer: Ext.util.Format.dateRenderer(<em>'m/d/Y'</em>), dataIndex: <em>'lastChange'</em>}
-    ],
-
-    view: <b>new</b> Ext.grid.GroupingView({
-        forceFit:true,
-        <i>// custom grouping text template to display the number of items per group</i>
-        groupTextTpl: <em>'{text} ({[values.rs.length]} {[values.rs.length > 1 ? "Items" : "Item"]})'</em>
-    }),
-
-    frame:true,
-    width: 700,
-    height: 450,
-    collapsible: true,
-    animCollapse: false,
-    title: <em>'Grouping Example'</em>,
-    iconCls: <em>'icon-grid'</em>,
-    renderTo: document.body
-});</code></pre>        </div>
-        
-        <div class="hr"></div>
-                <a id="Ext.grid.GroupingView-configs"></a>
-        <h2>Config Options</h2>
-        <table cellspacing="0" class="member-table">
-            <tr>
-                <th class="sig-header" colspan="2">Config Options</th>
-                <th class="msource-header">Defined By</th>
-            </tr>
-                <tr class="config-row inherited">\r
-        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
-        <td class="sig">\r
-        <a id="Ext.grid.GroupingView-autoFill"></a>\r
-            <b>autoFill</b> : Boolean            <div class="mdesc">\r
-                            True to auto expand the columns to fit the grid <b>when the grid is created</b>.                        </div>\r
-        </td>\r
-        <td class="msource"><a ext:cls="Ext.grid.GridView" ext:member="#autoFill" href="output/Ext.grid.GridView.html#autoFill">GridView</a></td>\r
-    </tr>\r
-        <tr class="config-row inherited alt">\r
-        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
-        <td class="sig">\r
-        <a id="Ext.grid.GroupingView-cellSelector"></a>\r
-            <b>cellSelector</b> : String            <div class="mdesc">\r
-                            The selector used to find cells internally                        </div>\r
-        </td>\r
-        <td class="msource"><a ext:cls="Ext.grid.GridView" ext:member="#cellSelector" href="output/Ext.grid.GridView.html#cellSelector">GridView</a></td>\r
-    </tr>\r
-        <tr class="config-row inherited">\r
-        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
-        <td class="sig">\r
-        <a id="Ext.grid.GroupingView-cellSelectorDepth"></a>\r
-            <b>cellSelectorDepth</b> : Number            <div class="mdesc">\r
-                            The number of levels to search for cells in event delegation (defaults to 4)                        </div>\r
-        </td>\r
-        <td class="msource"><a ext:cls="Ext.grid.GridView" ext:member="#cellSelectorDepth" href="output/Ext.grid.GridView.html#cellSelectorDepth">GridView</a></td>\r
-    </tr>\r
-        <tr class="config-row inherited alt">\r
-        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
-        <td class="sig">\r
-        <a id="Ext.grid.GroupingView-deferEmptyText"></a>\r
-            <b>deferEmptyText</b> : Boolean            <div class="mdesc">\r
-                            True to defer emptyText being applied until the store's first load                        </div>\r
-        </td>\r
-        <td class="msource"><a ext:cls="Ext.grid.GridView" ext:member="#deferEmptyText" href="output/Ext.grid.GridView.html#deferEmptyText">GridView</a></td>\r
-    </tr>\r
-        <tr class="config-row">\r
-        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
-        <td class="sig">\r
-        <a id="Ext.grid.GroupingView-emptyGroupText"></a>\r
-            <b>emptyGroupText</b> : String            <div class="mdesc">\r
-                            The text to display when there is an empty group value                        </div>\r
-        </td>\r
-        <td class="msource">GroupingView</td>\r
-    </tr>\r
-        <tr class="config-row inherited alt">\r
-        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
-        <td class="sig">\r
-        <a id="Ext.grid.GroupingView-emptyText"></a>\r
-            <b>emptyText</b> : String            <div class="mdesc">\r
-                            Default text to display in the grid body when no rows are available (defaults to '').                        </div>\r
-        </td>\r
-        <td class="msource"><a ext:cls="Ext.grid.GridView" ext:member="#emptyText" href="output/Ext.grid.GridView.html#emptyText">GridView</a></td>\r
-    </tr>\r
-        <tr class="config-row">\r
-        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
-        <td class="sig">\r
-        <a id="Ext.grid.GroupingView-enableGrouping"></a>\r
-            <b>enableGrouping</b> : Boolean            <div class="mdesc">\r
-                            False to disable grouping functionality (defaults to true)                        </div>\r
-        </td>\r
-        <td class="msource">GroupingView</td>\r
-    </tr>\r
-        <tr class="config-row alt">\r
-        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
-        <td class="sig">\r
-        <a id="Ext.grid.GroupingView-enableGroupingMenu"></a>\r
-            <b>enableGroupingMenu</b> : Boolean            <div class="mdesc">\r
-                            True to enable the grouping control in the column menu                        </div>\r
-        </td>\r
-        <td class="msource">GroupingView</td>\r
-    </tr>\r
-        <tr class="config-row">\r
-        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
-        <td class="sig">\r
-        <a id="Ext.grid.GroupingView-enableNoGroups"></a>\r
-            <b>enableNoGroups</b> : Boolean            <div class="mdesc">\r
-                            True to allow the user to turn off grouping                        </div>\r
-        </td>\r
-        <td class="msource">GroupingView</td>\r
-    </tr>\r
-        <tr class="config-row inherited alt expandable">\r
-        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
-        <td class="sig">\r
-        <a id="Ext.grid.GroupingView-enableRowBody"></a>\r
-            <b>enableRowBody</b> : Boolean            <div class="mdesc">\r
-                        <div class="short">True to add a second TR element per row that can be used to provide a row body that spans beneath the data row. Use t...</div>\r
-            <div class="long">\r
-                True to add a second TR element per row that can be used to provide a row body that spans beneath the data row. Use the <a ext:cls="Ext.grid.GridView" ext:member="getRowClass" href="output/Ext.grid.GridView.html#getRowClass">getRowClass</a> method's rowParams config to customize the row body.            </div>\r
-                        </div>\r
-        </td>\r
-        <td class="msource"><a ext:cls="Ext.grid.GridView" ext:member="#enableRowBody" href="output/Ext.grid.GridView.html#enableRowBody">GridView</a></td>\r
-    </tr>\r
-        <tr class="config-row inherited expandable">\r
-        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
-        <td class="sig">\r
-        <a id="Ext.grid.GroupingView-forceFit"></a>\r
-            <b>forceFit</b> : Boolean            <div class="mdesc">\r
-                        <div class="short">True to auto expand/contract the size of the columns to fit the grid width and prevent horizontal scrolling. This opt...</div>\r
-            <div class="long">\r
-                True to auto expand/contract the size of the columns to fit the grid width and prevent horizontal scrolling. This option overrides any (@link Ext.grid.ColumnModel#width width} settings in the ColumnModel.            </div>\r
-                        </div>\r
-        </td>\r
-        <td class="msource"><a ext:cls="Ext.grid.GridView" ext:member="#forceFit" href="output/Ext.grid.GridView.html#forceFit">GridView</a></td>\r
-    </tr>\r
-        <tr class="config-row alt">\r
-        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
-        <td class="sig">\r
-        <a id="Ext.grid.GroupingView-groupByText"></a>\r
-            <b>groupByText</b> : String            <div class="mdesc">\r
-                            Text displayed in the grid header menu for grouping by a column (defaults to 'Group By This Field').                        </div>\r
-        </td>\r
-        <td class="msource">GroupingView</td>\r
-    </tr>\r
-        <tr class="config-row expandable">\r
-        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
-        <td class="sig">\r
-        <a id="Ext.grid.GroupingView-groupRenderer"></a>\r
-            <b>groupRenderer</b> : Function            <div class="mdesc">\r
-                        <div class="short">The function used to format the grouping field value for display in the group header. Should return a string value. T...</div>\r
-            <div class="long">\r
-                The function used to format the grouping field value for display in the group header. Should return a string value. This takes the following parameters: <div class="mdetail-params"><ul> <li><b>v</b> : Object<p class="sub-desc">The new value of the group field.</p></li> <li><b>unused</b> : undefined<p class="sub-desc">Unused parameter.</p></li> <li><b>r</b> : Ext.data.Record<p class="sub-desc">The Record providing the data for the row which caused group change.</p></li> <li><b>rowIndex</b> : Number<p class="sub-desc">The row index of the Record which caused group change.</p></li> <li><b>colIndex</b> : Number<p class="sub-desc">The column index of the group field.</p></li> <li><b>ds</b> : Ext.data.Store<p class="sub-desc">The Store which is providing the data Model.</p></li> </ul></div></p>            </div>\r
-                        </div>\r
-        </td>\r
-        <td class="msource">GroupingView</td>\r
-    </tr>\r
-        <tr class="config-row alt expandable">\r
-        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
-        <td class="sig">\r
-        <a id="Ext.grid.GroupingView-groupTextTpl"></a>\r
-            <b>groupTextTpl</b> : String            <div class="mdesc">\r
-                        <div class="short">The template used to render the group header. This is used to format an object which contains the following propertie...</div>\r
-            <div class="long">\r
-                The template used to render the group header. This is used to format an object which contains the following properties: <div class="mdetail-params"><ul> <li><b>group</b> : String<p class="sub-desc">The <i>rendered</i> value of the group field. By default this is the unchanged value of the group field. If a <a ext:cls="Ext.grid.GroupingView" ext:member="groupRenderer" href="output/Ext.grid.GroupingView.html#groupRenderer">groupRenderer</a> is specified, it is the result of a call to that.</p></li> <li><b>gvalue</b> : Object<p class="sub-desc">The <i>raw</i> value of the group field.</p></li> <li><b>text</b> : String<p class="sub-desc">The configured <a ext:cls="Ext.grid.GroupingView" ext:member="header" href="output/Ext.grid.GroupingView.html#header">header</a> (If <a ext:cls="Ext.grid.GroupingView" ext:member="showGroupName" href="output/Ext.grid.GroupingView.html#showGroupName">showGroupName</a> is true) plus the <i>rendered</i>group field value.</p></li> <li><b>groupId</b> : String<p class="sub-desc">A unique, generated ID which is applied to the View Element which contains the group.</p></li> <li><b>startRow</b> : Number<p class="sub-desc">The row index of the Record which caused group change.</p></li> <li><b>rs</b> : Array<p class="sub-desc">.Contains a single element: The Record providing the data for the row which caused group change.</p></li> <li><b>cls</b> : String<p class="sub-desc">The generated class name string to apply to the group header Element.</p></li> <li><b>style</b> : String<p class="sub-desc">The inline style rules to apply to the group header Element.</p></li> </ul></div></p> See <a ext:cls="Ext.XTemplate" href="output/Ext.XTemplate.html">Ext.XTemplate</a> for information on how to format data using a template.            </div>\r
-                        </div>\r
-        </td>\r
-        <td class="msource">GroupingView</td>\r
-    </tr>\r
-        <tr class="config-row">\r
-        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
-        <td class="sig">\r
-        <a id="Ext.grid.GroupingView-header"></a>\r
-            <b>header</b> : String            <div class="mdesc">\r
-                            The text with which to prefix the group field value in the group header line.                        </div>\r
-        </td>\r
-        <td class="msource">GroupingView</td>\r
-    </tr>\r
-        <tr class="config-row alt">\r
-        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
-        <td class="sig">\r
-        <a id="Ext.grid.GroupingView-hideGroupedColumn"></a>\r
-            <b>hideGroupedColumn</b> : Boolean            <div class="mdesc">\r
-                            True to hide the column that is currently grouped                        </div>\r
-        </td>\r
-        <td class="msource">GroupingView</td>\r
-    </tr>\r
-        <tr class="config-row">\r
-        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
-        <td class="sig">\r
-        <a id="Ext.grid.GroupingView-ignoreAdd"></a>\r
-            <b>ignoreAdd</b> : Boolean            <div class="mdesc">\r
-                            True to skip refreshing the view when new rows are added (defaults to false)                        </div>\r
-        </td>\r
-        <td class="msource">GroupingView</td>\r
-    </tr>\r
-        <tr class="config-row inherited alt expandable">\r
-        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
-        <td class="sig">\r
-        <a id="Ext.grid.GroupingView-listeners"></a>\r
-            <b>listeners</b> : Object            <div class="mdesc">\r
-                        <div class="short">(optional) A config object containing one or more event handlers to be added to this object during initialization. Th...</div>\r
-            <div class="long">\r
-                (optional) A config object containing one or more event handlers to be added to this object during initialization. This should be a valid listeners config object as specified in the <a ext:cls="Ext.util.Observable" ext:member="addListener" href="output/Ext.util.Observable.html#addListener">addListener</a> example for attaching multiple handlers at once.            </div>\r
-                        </div>\r
-        </td>\r
-        <td class="msource"><a ext:cls="Ext.util.Observable" ext:member="#listeners" href="output/Ext.util.Observable.html#listeners">Observable</a></td>\r
-    </tr>\r
-        <tr class="config-row inherited">\r
-        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
-        <td class="sig">\r
-        <a id="Ext.grid.GroupingView-rowSelector"></a>\r
-            <b>rowSelector</b> : String            <div class="mdesc">\r
-                            The selector used to find rows internally                        </div>\r
-        </td>\r
-        <td class="msource"><a ext:cls="Ext.grid.GridView" ext:member="#rowSelector" href="output/Ext.grid.GridView.html#rowSelector">GridView</a></td>\r
-    </tr>\r
-        <tr class="config-row inherited alt">\r
-        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
-        <td class="sig">\r
-        <a id="Ext.grid.GroupingView-rowSelectorDepth"></a>\r
-            <b>rowSelectorDepth</b> : Number            <div class="mdesc">\r
-                            The number of levels to search for rows in event delegation (defaults to 10)                        </div>\r
-        </td>\r
-        <td class="msource"><a ext:cls="Ext.grid.GridView" ext:member="#rowSelectorDepth" href="output/Ext.grid.GridView.html#rowSelectorDepth">GridView</a></td>\r
-    </tr>\r
-        <tr class="config-row">\r
-        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
-        <td class="sig">\r
-        <a id="Ext.grid.GroupingView-showGroupName"></a>\r
-            <b>showGroupName</b> : Boolean            <div class="mdesc">\r
-                            True to display the name for each set of grouped rows (defaults to true)                        </div>\r
-        </td>\r
-        <td class="msource">GroupingView</td>\r
-    </tr>\r
-        <tr class="config-row alt">\r
-        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
-        <td class="sig">\r
-        <a id="Ext.grid.GroupingView-showGroupsText"></a>\r
-            <b>showGroupsText</b> : String            <div class="mdesc">\r
-                            Text displayed in the grid header for enabling/disabling grouping (defaults to 'Show in Groups').                        </div>\r
-        </td>\r
-        <td class="msource">GroupingView</td>\r
-    </tr>\r
-        <tr class="config-row">\r
-        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
-        <td class="sig">\r
-        <a id="Ext.grid.GroupingView-startCollapsed"></a>\r
-            <b>startCollapsed</b> : Boolean            <div class="mdesc">\r
-                            True to start all groups collapsed                        </div>\r
-        </td>\r
-        <td class="msource">GroupingView</td>\r
-    </tr>\r
-            </table>
-                <a id="Ext.grid.GroupingView-props"></a>
-        <h2>Public Properties</h2>
-                <table cellspacing="0" class="member-table">
-            <tr>
-                <th class="sig-header" colspan="2">Property</th>
-                <th class="msource-header">Defined By</th>
-            </tr>
-                <tr class="property-row inherited">\r
-        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
-        <td class="sig">\r
-        <a id="Ext.grid.GroupingView-columnsText"></a>\r
-            <b>columnsText</b> : String            <div class="mdesc">\r
-                            The text displayed in the "Columns" menu item                        </div>\r
-        </td>\r
-        <td class="msource"><a ext:cls="Ext.grid.GridView" ext:member="#columnsText" href="output/Ext.grid.GridView.html#columnsText">GridView</a></td>\r
-    </tr>\r
-        <tr class="property-row inherited alt">\r
-        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
-        <td class="sig">\r
-        <a id="Ext.grid.GroupingView-dragZone"></a>\r
-            <b>dragZone</b> : Ext.grid.GridDragZone
-<p><b>This            <div class="mdesc">\r
-                                                    </div>\r
-        </td>\r
-        <td class="msource"><a ext:cls="Ext.grid.GridView" ext:member="#dragZone" href="output/Ext.grid.GridView.html#dragZone">GridView</a></td>\r
-    </tr>\r
-        <tr class="property-row inherited expandable">\r
-        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
-        <td class="sig">\r
-        <a id="Ext.grid.GroupingView-mainBody"></a>\r
-            <b>mainBody</b> : Ext.Element            <div class="mdesc">\r
-                        <div class="short">The GridView's body Element which encapsulates all rows in the Grid. Element. Read-only.
-This Element is only availab...</div>\r
-            <div class="long">\r
-                The GridView's body Element which encapsulates all rows in the Grid. <a ext:cls="Ext.Element" href="output/Ext.Element.html">Element</a>. Read-only.
-<p>This Element is only available after the GridPanel has been rendered.</p>            </div>\r
-                        </div>\r
-        </td>\r
-        <td class="msource"><a ext:cls="Ext.grid.GridView" ext:member="#mainBody" href="output/Ext.grid.GridView.html#mainBody">GridView</a></td>\r
-    </tr>\r
-        <tr class="property-row inherited alt">\r
-        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
-        <td class="sig">\r
-        <a id="Ext.grid.GroupingView-scrollOffset"></a>\r
-            <b>scrollOffset</b> : Number            <div class="mdesc">\r
-                            The amount of space to reserve for the scrollbar (defaults to 19 pixels)                        </div>\r
-        </td>\r
-        <td class="msource"><a ext:cls="Ext.grid.GridView" ext:member="#scrollOffset" href="output/Ext.grid.GridView.html#scrollOffset">GridView</a></td>\r
-    </tr>\r
-        <tr class="property-row inherited">\r
-        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
-        <td class="sig">\r
-        <a id="Ext.grid.GroupingView-sortAscText"></a>\r
-            <b>sortAscText</b> : String            <div class="mdesc">\r
-                            The text displayed in the "Sort Ascending" menu item                        </div>\r
-        </td>\r
-        <td class="msource"><a ext:cls="Ext.grid.GridView" ext:member="#sortAscText" href="output/Ext.grid.GridView.html#sortAscText">GridView</a></td>\r
-    </tr>\r
-        <tr class="property-row inherited alt">\r
-        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
-        <td class="sig">\r
-        <a id="Ext.grid.GroupingView-sortClasses"></a>\r
-            <b>sortClasses</b> : Array            <div class="mdesc">\r
-                            The CSS classes applied to a header when it is sorted. (defaults to ["sort-asc", "sort-desc"])                        </div>\r
-        </td>\r
-        <td class="msource"><a ext:cls="Ext.grid.GridView" ext:member="#sortClasses" href="output/Ext.grid.GridView.html#sortClasses">GridView</a></td>\r
-    </tr>\r
-        <tr class="property-row inherited">\r
-        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
-        <td class="sig">\r
-        <a id="Ext.grid.GroupingView-sortDescText"></a>\r
-            <b>sortDescText</b> : String            <div class="mdesc">\r
-                            The text displayed in the "Sort Descending" menu item                        </div>\r
-        </td>\r
-        <td class="msource"><a ext:cls="Ext.grid.GridView" ext:member="#sortDescText" href="output/Ext.grid.GridView.html#sortDescText">GridView</a></td>\r
-    </tr>\r
-            </table>
-                <a id="Ext.grid.GroupingView-methods"></a>
-        <h2>Public Methods</h2>
-                <table cellspacing="0" class="member-table">
-            <tr>
-                <th class="sig-header" colspan="2">Method</th>
-                <th class="msource-header">Defined By</th>
-            </tr>
-                <tr class="method-row expandable">\r
-        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
-        <td class="sig">\r
-        <a id="Ext.grid.GroupingView-GroupingView"></a>\r
-            <b>GroupingView</b>(&nbsp;<code>Object config</code>&nbsp;)            <div class="mdesc">\r
-                        <div class="short"></div>\r
-            <div class="long">\r
-                    <div class="mdetail-params">\r
-        <strong>Parameters:</strong>\r
-        <ul><li><code>config</code> : Object<div class="sub-desc"></div></li>        </ul>\r
-        <strong>Returns:</strong>\r
-        <ul>\r
-            <li><code></code></li>\r
-        </ul>\r
-    </div>\r
-                </div>\r
-                        </div>\r
-        </td>\r
-        <td class="msource">GroupingView</td>\r
-    </tr>\r
-        <tr class="method-row inherited alt expandable">\r
-        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
-        <td class="sig">\r
-        <a id="Ext.grid.GroupingView-addEvents"></a>\r
-            <b>addEvents</b>(&nbsp;<code>Object object</code>&nbsp;) : void            <div class="mdesc">\r
-                        <div class="short">Used to define events on this Observable</div>\r
-            <div class="long">\r
-                Used to define events on this Observable    <div class="mdetail-params">\r
-        <strong>Parameters:</strong>\r
-        <ul><li><code>object</code> : Object<div class="sub-desc">The object with the events defined</div></li>        </ul>\r
-        <strong>Returns:</strong>\r
-        <ul>\r
-            <li><code>void</code></li>\r
-        </ul>\r
-    </div>\r
-                </div>\r
-                        </div>\r
-        </td>\r
-        <td class="msource"><a ext:cls="Ext.util.Observable" ext:member="#addEvents" href="output/Ext.util.Observable.html#addEvents">Observable</a></td>\r
-    </tr>\r
-        <tr class="method-row inherited expandable">\r
-        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
-        <td class="sig">\r
-        <a id="Ext.grid.GroupingView-addListener"></a>\r
-            <b>addListener</b>(&nbsp;<code>String eventName</code>, <code>Function handler</code>, <span class="optional" title="Optional">[<code>Object scope</code>]</span>, <span class="optional" title="Optional">[<code>Object options</code>]</span>&nbsp;) : void            <div class="mdesc">\r
-                        <div class="short">Appends an event handler to this component</div>\r
-            <div class="long">\r
-                Appends an event handler to this component    <div class="mdetail-params">\r
-        <strong>Parameters:</strong>\r
-        <ul><li><code>eventName</code> : String<div class="sub-desc">The type of event to listen for</div></li><li><code>handler</code> : Function<div class="sub-desc">The method the event invokes</div></li><li><code>scope</code> : Object<div class="sub-desc">(optional) The scope in which to execute the handler
-function. The handler function's "this" context.</div></li><li><code>options</code> : Object<div class="sub-desc">(optional) An object containing handler configuration
-properties. This may contain any of the following properties:<ul>
-<li><b>scope</b> : Object<p class="sub-desc">The scope in which to execute the handler function. The handler function's "this" context.</p></li>
-<li><b>delay</b> : Number<p class="sub-desc">The number of milliseconds to delay the invocation of the handler after the event fires.</p></li>
-<li><b>single</b> : Boolean<p class="sub-desc">True to add a handler to handle just the next firing of the event, and then remove itself.</p></li>
-<li><b>buffer</b> : Number<p class="sub-desc">Causes the handler to be scheduled to run in an <a ext:cls="Ext.util.DelayedTask" href="output/Ext.util.DelayedTask.html">Ext.util.DelayedTask</a> delayed
-by the specified number of milliseconds. If the event fires again within that time, the original
-handler is <em>not</em> invoked, but the new handler is scheduled in its place.</p></li>
-</ul><br>
-<p>
-<b>Combining Options</b><br>
-Using the options argument, it is possible to combine different types of listeners:<br>
-<br>
-A normalized, delayed, one-time listener that auto stops the event and passes a custom argument (forumId)
-<pre><code>el.on(<em>'click'</em>, <b>this</b>.onClick, <b>this</b>, {
-    single: true,
-    delay: 100,
-    forumId: 4
-});</code></pre>
-<p>
-<b>Attaching multiple handlers in 1 call</b><br>
-The method also allows for a single argument to be passed which is a config object containing properties
-which specify multiple handlers.
-<p>
-<pre><code>foo.on({
-    <em>'click'</em> : {
-        fn: <b>this</b>.onClick,
-        scope: <b>this</b>,
-        delay: 100
-    },
-    <em>'mouseover'</em> : {
-        fn: <b>this</b>.onMouseOver,
-        scope: <b>this</b>
-    },
-    <em>'mouseout'</em> : {
-        fn: <b>this</b>.onMouseOut,
-        scope: <b>this</b>
-    }
-});</code></pre>
-<p>
-Or a shorthand syntax:<br>
-<pre><code>foo.on({
-    <em>'click'</em> : <b>this</b>.onClick,
-    <em>'mouseover'</em> : <b>this</b>.onMouseOver,
-    <em>'mouseout'</em> : <b>this</b>.onMouseOut,
-     scope: <b>this</b>
-});</code></pre></div></li>        </ul>\r
-        <strong>Returns:</strong>\r
-        <ul>\r
-            <li><code>void</code></li>\r
-        </ul>\r
-    </div>\r
-                </div>\r
-                        </div>\r
-        </td>\r
-        <td class="msource"><a ext:cls="Ext.util.Observable" ext:member="#addListener" href="output/Ext.util.Observable.html#addListener">Observable</a></td>\r
-    </tr>\r
-        <tr class="method-row alt expandable">\r
-        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
-        <td class="sig">\r
-        <a id="Ext.grid.GroupingView-collapseAllGroups"></a>\r
-            <b>collapseAllGroups</b>() : void            <div class="mdesc">\r
-                        <div class="short">Collapses all grouped rows.</div>\r
-            <div class="long">\r
-                Collapses all grouped rows.    <div class="mdetail-params">\r
-        <strong>Parameters:</strong>\r
-        <ul><li>None.</li>        </ul>\r
-        <strong>Returns:</strong>\r
-        <ul>\r
-            <li><code>void</code></li>\r
-        </ul>\r
-    </div>\r
-                </div>\r
-                        </div>\r
-        </td>\r
-        <td class="msource">GroupingView</td>\r
-    </tr>\r
-        <tr class="method-row expandable">\r
-        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
-        <td class="sig">\r
-        <a id="Ext.grid.GroupingView-expandAllGroups"></a>\r
-            <b>expandAllGroups</b>() : void            <div class="mdesc">\r
-                        <div class="short">Expands all grouped rows.</div>\r
-            <div class="long">\r
-                Expands all grouped rows.    <div class="mdetail-params">\r
-        <strong>Parameters:</strong>\r
-        <ul><li>None.</li>        </ul>\r
-        <strong>Returns:</strong>\r
-        <ul>\r
-            <li><code>void</code></li>\r
-        </ul>\r
-    </div>\r
-                </div>\r
-                        </div>\r
-        </td>\r
-        <td class="msource">GroupingView</td>\r
-    </tr>\r
-        <tr class="method-row inherited alt expandable">\r
-        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
-        <td class="sig">\r
-        <a id="Ext.grid.GroupingView-findRow"></a>\r
-            <b>findRow</b>(&nbsp;<code>Element el</code>&nbsp;) : The            <div class="mdesc">\r
-                        <div class="short">Return the HtmlElement representing the grid row which contains the passed element.</div>\r
-            <div class="long">\r
-                Return the HtmlElement representing the grid row which contains the passed element.    <div class="mdetail-params">\r
-        <strong>Parameters:</strong>\r
-        <ul><li><code>el</code> : Element<div class="sub-desc">The target element</div></li>        </ul>\r
-        <strong>Returns:</strong>\r
-        <ul>\r
-            <li><code>The</code><div class="sub-desc">row element, or null if the target element is not within a row of this GridView.</div></li>\r
-        </ul>\r
-    </div>\r
-                </div>\r
-                        </div>\r
-        </td>\r
-        <td class="msource"><a ext:cls="Ext.grid.GridView" ext:member="#findRow" href="output/Ext.grid.GridView.html#findRow">GridView</a></td>\r
-    </tr>\r
-        <tr class="method-row inherited expandable">\r
-        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
-        <td class="sig">\r
-        <a id="Ext.grid.GroupingView-findRowIndex"></a>\r
-            <b>findRowIndex</b>(&nbsp;<code>Element el</code>&nbsp;) : The            <div class="mdesc">\r
-                        <div class="short">Return the index of the grid row which contains the passed element.</div>\r
-            <div class="long">\r
-                Return the index of the grid row which contains the passed element.    <div class="mdetail-params">\r
-        <strong>Parameters:</strong>\r
-        <ul><li><code>el</code> : Element<div class="sub-desc">The target element</div></li>        </ul>\r
-        <strong>Returns:</strong>\r
-        <ul>\r
-            <li><code>The</code><div class="sub-desc">row index, or <b>false</b> if the target element is not within a row of this GridView.</div></li>\r
-        </ul>\r
-    </div>\r
-                </div>\r
-                        </div>\r
-        </td>\r
-        <td class="msource"><a ext:cls="Ext.grid.GridView" ext:member="#findRowIndex" href="output/Ext.grid.GridView.html#findRowIndex">GridView</a></td>\r
-    </tr>\r
-        <tr class="method-row inherited alt expandable">\r
-        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
-        <td class="sig">\r
-        <a id="Ext.grid.GroupingView-fireEvent"></a>\r
-            <b>fireEvent</b>(&nbsp;<code>String eventName</code>, <code>Object... args</code>&nbsp;) : Boolean            <div class="mdesc">\r
-                        <div class="short">Fires the specified event with the passed parameters (minus the event name).</div>\r
-            <div class="long">\r
-                Fires the specified event with the passed parameters (minus the event name).    <div class="mdetail-params">\r
-        <strong>Parameters:</strong>\r
-        <ul><li><code>eventName</code> : String<div class="sub-desc"></div></li><li><code>args</code> : Object...<div class="sub-desc">Variable number of parameters are passed to handlers</div></li>        </ul>\r
-        <strong>Returns:</strong>\r
-        <ul>\r
-            <li><code>Boolean</code><div class="sub-desc">returns false if any of the handlers return false otherwise it returns true</div></li>\r
-        </ul>\r
-    </div>\r
-                </div>\r
-                        </div>\r
-        </td>\r
-        <td class="msource"><a ext:cls="Ext.util.Observable" ext:member="#fireEvent" href="output/Ext.util.Observable.html#fireEvent">Observable</a></td>\r
-    </tr>\r
-        <tr class="method-row inherited expandable">\r
-        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
-        <td class="sig">\r
-        <a id="Ext.grid.GroupingView-focusCell"></a>\r
-            <b>focusCell</b>(&nbsp;<code>Number row</code>, <code>Number col</code>&nbsp;) : void            <div class="mdesc">\r
-                        <div class="short">Focuses the specified cell.</div>\r
-            <div class="long">\r
-                Focuses the specified cell.    <div class="mdetail-params">\r
-        <strong>Parameters:</strong>\r
-        <ul><li><code>row</code> : Number<div class="sub-desc">The row index</div></li><li><code>col</code> : Number<div class="sub-desc">The column index</div></li>        </ul>\r
-        <strong>Returns:</strong>\r
-        <ul>\r
-            <li><code>void</code></li>\r
-        </ul>\r
-    </div>\r
-                </div>\r
-                        </div>\r
-        </td>\r
-        <td class="msource"><a ext:cls="Ext.grid.GridView" ext:member="#focusCell" href="output/Ext.grid.GridView.html#focusCell">GridView</a></td>\r
-    </tr>\r
-        <tr class="method-row inherited alt expandable">\r
-        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
-        <td class="sig">\r
-        <a id="Ext.grid.GroupingView-focusRow"></a>\r
-            <b>focusRow</b>(&nbsp;<code>Number row</code>&nbsp;) : void            <div class="mdesc">\r
-                        <div class="short">Focuses the specified row.</div>\r
-            <div class="long">\r
-                Focuses the specified row.    <div class="mdetail-params">\r
-        <strong>Parameters:</strong>\r
-        <ul><li><code>row</code> : Number<div class="sub-desc">The row index</div></li>        </ul>\r
-        <strong>Returns:</strong>\r
-        <ul>\r
-            <li><code>void</code></li>\r
-        </ul>\r
-    </div>\r
-                </div>\r
-                        </div>\r
-        </td>\r
-        <td class="msource"><a ext:cls="Ext.grid.GridView" ext:member="#focusRow" href="output/Ext.grid.GridView.html#focusRow">GridView</a></td>\r
-    </tr>\r
-        <tr class="method-row inherited expandable">\r
-        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
-        <td class="sig">\r
-        <a id="Ext.grid.GroupingView-getCell"></a>\r
-            <b>getCell</b>(&nbsp;<code>Number row</code>, <code>Number col</code>&nbsp;) : HtmlElement            <div class="mdesc">\r
-                        <div class="short">Returns the grid's &lt;TD> HtmlElement at the specified coordinates.</div>\r
-            <div class="long">\r
-                Returns the grid's &lt;TD> HtmlElement at the specified coordinates.    <div class="mdetail-params">\r
-        <strong>Parameters:</strong>\r
-        <ul><li><code>row</code> : Number<div class="sub-desc">The row index in which to find the cell.</div></li><li><code>col</code> : Number<div class="sub-desc">The column index of the cell.</div></li>        </ul>\r
-        <strong>Returns:</strong>\r
-        <ul>\r
-            <li><code>HtmlElement</code><div class="sub-desc">The &lt;TD> at the specified coordinates.</div></li>\r
-        </ul>\r
-    </div>\r
-                </div>\r
-                        </div>\r
-        </td>\r
-        <td class="msource"><a ext:cls="Ext.grid.GridView" ext:member="#getCell" href="output/Ext.grid.GridView.html#getCell">GridView</a></td>\r
-    </tr>\r
-        <tr class="method-row alt expandable">\r
-        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
-        <td class="sig">\r
-        <a id="Ext.grid.GroupingView-getGroupId"></a>\r
-            <b>getGroupId</b>(&nbsp;<code>String value</code>&nbsp;) : String            <div class="mdesc">\r
-                        <div class="short">Dynamically tries to determine the groupId of a specific value</div>\r
-            <div class="long">\r
-                Dynamically tries to determine the groupId of a specific value    <div class="mdetail-params">\r
-        <strong>Parameters:</strong>\r
-        <ul><li><code>value</code> : String<div class="sub-desc"></div></li>        </ul>\r
-        <strong>Returns:</strong>\r
-        <ul>\r
-            <li><code>String</code><div class="sub-desc">The group id</div></li>\r
-        </ul>\r
-    </div>\r
-                </div>\r
-                        </div>\r
-        </td>\r
-        <td class="msource">GroupingView</td>\r
-    </tr>\r
-        <tr class="method-row inherited expandable">\r
-        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
-        <td class="sig">\r
-        <a id="Ext.grid.GroupingView-getHeaderCell"></a>\r
-            <b>getHeaderCell</b>(&nbsp;<code>Number index</code>&nbsp;) : HtmlElement            <div class="mdesc">\r
-                        <div class="short">Return the &lt;TD> HtmlElement which represents the Grid's header cell for the specified column index.</div>\r
-            <div class="long">\r
-                Return the &lt;TD> HtmlElement which represents the Grid's header cell for the specified column index.    <div class="mdetail-params">\r
-        <strong>Parameters:</strong>\r
-        <ul><li><code>index</code> : Number<div class="sub-desc">The column index</div></li>        </ul>\r
-        <strong>Returns:</strong>\r
-        <ul>\r
-            <li><code>HtmlElement</code><div class="sub-desc">The &lt;TD> element.</div></li>\r
-        </ul>\r
-    </div>\r
-                </div>\r
-                        </div>\r
-        </td>\r
-        <td class="msource"><a ext:cls="Ext.grid.GridView" ext:member="#getHeaderCell" href="output/Ext.grid.GridView.html#getHeaderCell">GridView</a></td>\r
-    </tr>\r
-        <tr class="method-row inherited alt expandable">\r
-        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
-        <td class="sig">\r
-        <a id="Ext.grid.GroupingView-getRow"></a>\r
-            <b>getRow</b>(&nbsp;<code>Number index</code>&nbsp;) : HtmlElement            <div class="mdesc">\r
-                        <div class="short">Return the &lt;TR> HtmlElement which represents a Grid row for the specified index.</div>\r
-            <div class="long">\r
-                Return the &lt;TR> HtmlElement which represents a Grid row for the specified index.    <div class="mdetail-params">\r
-        <strong>Parameters:</strong>\r
-        <ul><li><code>index</code> : Number<div class="sub-desc">The row index</div></li>        </ul>\r
-        <strong>Returns:</strong>\r
-        <ul>\r
-            <li><code>HtmlElement</code><div class="sub-desc">The &lt;TR> element.</div></li>\r
-        </ul>\r
-    </div>\r
-                </div>\r
-                        </div>\r
-        </td>\r
-        <td class="msource"><a ext:cls="Ext.grid.GridView" ext:member="#getRow" href="output/Ext.grid.GridView.html#getRow">GridView</a></td>\r
-    </tr>\r
-        <tr class="method-row inherited expandable">\r
-        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
-        <td class="sig">\r
-        <a id="Ext.grid.GroupingView-getRowClass"></a>\r
-            <b>getRowClass</b>(&nbsp;<code>Record record</code>, <code>Number index</code>, <code>Object rowParams</code>, <code>Store store</code>&nbsp;) : String            <div class="mdesc">\r
-                        <div class="short">Override this function to apply custom CSS classes to rows during rendering.  You can also supply custom
-parameters t...</div>\r
-            <div class="long">\r
-                Override this function to apply custom CSS classes to rows during rendering.  You can also supply custom
-parameters to the row template for the current row to customize how it is rendered using the <b>rowParams</b>
-parameter.  This function should return the CSS class name (or empty string '' for none) that will be added
-to the row's wrapping div.  To apply multiple class names, simply return them space-delimited within the string
-(e.g., 'my-class another-class').    <div class="mdetail-params">\r
-        <strong>Parameters:</strong>\r
-        <ul><li><code>record</code> : Record<div class="sub-desc">The <a ext:cls="Ext.data.Record" href="output/Ext.data.Record.html">Ext.data.Record</a> corresponding to the current row</div></li><li><code>index</code> : Number<div class="sub-desc">The row index</div></li><li><code>rowParams</code> : Object<div class="sub-desc">A config object that is passed to the row template during rendering that allows
-customization of various aspects of a body row, if applicable. Note that this object will only be applied if
-<a ext:cls="Ext.grid.GridView" ext:member="enableRowBody" href="output/Ext.grid.GridView.html#enableRowBody">enableRowBody</a> = true, otherwise it will be ignored. The object may contain any of these properties:<ul>
-<li><code>body</code> : String <div class="sub-desc">An HTML fragment to be rendered as the cell's body content (defaults to '').</div></li>
-<li><code>bodyStyle</code> : String <div class="sub-desc">A CSS style string that will be applied to the row's TR style attribute (defaults to '').</div></li>
-<li><code>cols</code> : Number <div class="sub-desc">The column count to apply to the body row's TD colspan attribute (defaults to the current
-column count of the grid).</div></li>
-</ul></div></li><li><code>store</code> : Store<div class="sub-desc">The <a ext:cls="Ext.data.Store" href="output/Ext.data.Store.html">Ext.data.Store</a> this grid is bound to</div></li>        </ul>\r
-        <strong>Returns:</strong>\r
-        <ul>\r
-            <li><code>String</code><div class="sub-desc">a CSS class name to add to the row.</div></li>\r
-        </ul>\r
-    </div>\r
-                </div>\r
-                        </div>\r
-        </td>\r
-        <td class="msource"><a ext:cls="Ext.grid.GridView" ext:member="#getRowClass" href="output/Ext.grid.GridView.html#getRowClass">GridView</a></td>\r
-    </tr>\r
-        <tr class="method-row inherited alt expandable">\r
-        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
-        <td class="sig">\r
-        <a id="Ext.grid.GroupingView-hasListener"></a>\r
-            <b>hasListener</b>(&nbsp;<code>String eventName</code>&nbsp;) : Boolean            <div class="mdesc">\r
-                        <div class="short">Checks to see if this object has any listeners for a specified event</div>\r
-            <div class="long">\r
-                Checks to see if this object has any listeners for a specified event    <div class="mdetail-params">\r
-        <strong>Parameters:</strong>\r
-        <ul><li><code>eventName</code> : String<div class="sub-desc">The name of the event to check for</div></li>        </ul>\r
-        <strong>Returns:</strong>\r
-        <ul>\r
-            <li><code>Boolean</code><div class="sub-desc">True if the event is being listened for, else false</div></li>\r
-        </ul>\r
-    </div>\r
-                </div>\r
-                        </div>\r
-        </td>\r
-        <td class="msource"><a ext:cls="Ext.util.Observable" ext:member="#hasListener" href="output/Ext.util.Observable.html#hasListener">Observable</a></td>\r
-    </tr>\r
-        <tr class="method-row inherited expandable">\r
-        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
-        <td class="sig">\r
-        <a id="Ext.grid.GroupingView-on"></a>\r
-            <b>on</b>(&nbsp;<code>String eventName</code>, <code>Function handler</code>, <span class="optional" title="Optional">[<code>Object scope</code>]</span>, <span class="optional" title="Optional">[<code>Object options</code>]</span>&nbsp;) : void            <div class="mdesc">\r
-                        <div class="short">Appends an event handler to this element (shorthand for addListener)</div>\r
-            <div class="long">\r
-                Appends an event handler to this element (shorthand for addListener)    <div class="mdetail-params">\r
-        <strong>Parameters:</strong>\r
-        <ul><li><code>eventName</code> : String<div class="sub-desc">The type of event to listen for</div></li><li><code>handler</code> : Function<div class="sub-desc">The method the event invokes</div></li><li><code>scope</code> : Object<div class="sub-desc">(optional) The scope in which to execute the handler
-function. The handler function's "this" context.</div></li><li><code>options</code> : Object<div class="sub-desc">(optional)</div></li>        </ul>\r
-        <strong>Returns:</strong>\r
-        <ul>\r
-            <li><code>void</code></li>\r
-        </ul>\r
-    </div>\r
-                </div>\r
-                        </div>\r
-        </td>\r
-        <td class="msource"><a ext:cls="Ext.util.Observable" ext:member="#on" href="output/Ext.util.Observable.html#on">Observable</a></td>\r
-    </tr>\r
-        <tr class="method-row inherited alt expandable">\r
-        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
-        <td class="sig">\r
-        <a id="Ext.grid.GroupingView-purgeListeners"></a>\r
-            <b>purgeListeners</b>() : void            <div class="mdesc">\r
-                        <div class="short">Removes all listeners for this object</div>\r
-            <div class="long">\r
-                Removes all listeners for this object    <div class="mdetail-params">\r
-        <strong>Parameters:</strong>\r
-        <ul><li>None.</li>        </ul>\r
-        <strong>Returns:</strong>\r
-        <ul>\r
-            <li><code>void</code></li>\r
-        </ul>\r
-    </div>\r
-                </div>\r
-                        </div>\r
-        </td>\r
-        <td class="msource"><a ext:cls="Ext.util.Observable" ext:member="#purgeListeners" href="output/Ext.util.Observable.html#purgeListeners">Observable</a></td>\r
-    </tr>\r
-        <tr class="method-row inherited expandable">\r
-        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
-        <td class="sig">\r
-        <a id="Ext.grid.GroupingView-refresh"></a>\r
-            <b>refresh</b>(&nbsp;<span class="optional" title="Optional">[<code>Boolean headersToo</code>]</span>&nbsp;) : void            <div class="mdesc">\r
-                        <div class="short">Refreshs the grid UI</div>\r
-            <div class="long">\r
-                Refreshs the grid UI    <div class="mdetail-params">\r
-        <strong>Parameters:</strong>\r
-        <ul><li><code>headersToo</code> : Boolean<div class="sub-desc">(optional) True to also refresh the headers</div></li>        </ul>\r
-        <strong>Returns:</strong>\r
-        <ul>\r
-            <li><code>void</code></li>\r
-        </ul>\r
-    </div>\r
-                </div>\r
-                        </div>\r
-        </td>\r
-        <td class="msource"><a ext:cls="Ext.grid.GridView" ext:member="#refresh" href="output/Ext.grid.GridView.html#refresh">GridView</a></td>\r
-    </tr>\r
-        <tr class="method-row inherited alt expandable">\r
-        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
-        <td class="sig">\r
-        <a id="Ext.grid.GroupingView-relayEvents"></a>\r
-            <b>relayEvents</b>(&nbsp;<code>Object o</code>, <code>Array events</code>&nbsp;) : void            <div class="mdesc">\r
-                        <div class="short">Relays selected events from the specified Observable as if the events were fired by <tt><b>this</b></tt>.</div>\r
-            <div class="long">\r
-                Relays selected events from the specified Observable as if the events were fired by <tt><b>this</b></tt>.    <div class="mdetail-params">\r
-        <strong>Parameters:</strong>\r
-        <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>\r
-        <strong>Returns:</strong>\r
-        <ul>\r
-            <li><code>void</code></li>\r
-        </ul>\r
-    </div>\r
-                </div>\r
-                        </div>\r
-        </td>\r
-        <td class="msource"><a ext:cls="Ext.util.Observable" ext:member="#relayEvents" href="output/Ext.util.Observable.html#relayEvents">Observable</a></td>\r
-    </tr>\r
-        <tr class="method-row inherited expandable">\r
-        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
-        <td class="sig">\r
-        <a id="Ext.grid.GroupingView-removeListener"></a>\r
-            <b>removeListener</b>(&nbsp;<code>String eventName</code>, <code>Function handler</code>, <span class="optional" title="Optional">[<code>Object scope</code>]</span>&nbsp;) : void            <div class="mdesc">\r
-                        <div class="short">Removes a listener</div>\r
-            <div class="long">\r
-                Removes a listener    <div class="mdetail-params">\r
-        <strong>Parameters:</strong>\r
-        <ul><li><code>eventName</code> : String<div class="sub-desc">The type of event to listen for</div></li><li><code>handler</code> : Function<div class="sub-desc">The handler to remove</div></li><li><code>scope</code> : Object<div class="sub-desc">(optional) The scope (this object) for the handler</div></li>        </ul>\r
-        <strong>Returns:</strong>\r
-        <ul>\r
-            <li><code>void</code></li>\r
-        </ul>\r
-    </div>\r
-                </div>\r
-                        </div>\r
-        </td>\r
-        <td class="msource"><a ext:cls="Ext.util.Observable" ext:member="#removeListener" href="output/Ext.util.Observable.html#removeListener">Observable</a></td>\r
-    </tr>\r
-        <tr class="method-row inherited alt expandable">\r
-        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
-        <td class="sig">\r
-        <a id="Ext.grid.GroupingView-resumeEvents"></a>\r
-            <b>resumeEvents</b>() : void            <div class="mdesc">\r
-                        <div class="short">Resume firing events. (see <a ext:cls="Ext.util.Observable" ext:member="suspendEvents" href="output/Ext.util.Observable.html#suspendEvents">suspendEvents</a>)</div>\r
-            <div class="long">\r
-                Resume firing events. (see <a ext:cls="Ext.util.Observable" ext:member="suspendEvents" href="output/Ext.util.Observable.html#suspendEvents">suspendEvents</a>)    <div class="mdetail-params">\r
-        <strong>Parameters:</strong>\r
-        <ul><li>None.</li>        </ul>\r
-        <strong>Returns:</strong>\r
-        <ul>\r
-            <li><code>void</code></li>\r
-        </ul>\r
-    </div>\r
-                </div>\r
-                        </div>\r
-        </td>\r
-        <td class="msource"><a ext:cls="Ext.util.Observable" ext:member="#resumeEvents" href="output/Ext.util.Observable.html#resumeEvents">Observable</a></td>\r
-    </tr>\r
-        <tr class="method-row inherited expandable">\r
-        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
-        <td class="sig">\r
-        <a id="Ext.grid.GroupingView-scrollToTop"></a>\r
-            <b>scrollToTop</b>() : void            <div class="mdesc">\r
-                        <div class="short">Scrolls the grid to the top</div>\r
-            <div class="long">\r
-                Scrolls the grid to the top    <div class="mdetail-params">\r
-        <strong>Parameters:</strong>\r
-        <ul><li>None.</li>        </ul>\r
-        <strong>Returns:</strong>\r
-        <ul>\r
-            <li><code>void</code></li>\r
-        </ul>\r
-    </div>\r
-                </div>\r
-                        </div>\r
-        </td>\r
-        <td class="msource"><a ext:cls="Ext.grid.GridView" ext:member="#scrollToTop" href="output/Ext.grid.GridView.html#scrollToTop">GridView</a></td>\r
-    </tr>\r
-        <tr class="method-row inherited alt expandable">\r
-        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
-        <td class="sig">\r
-        <a id="Ext.grid.GroupingView-suspendEvents"></a>\r
-            <b>suspendEvents</b>() : void            <div class="mdesc">\r
-                        <div class="short">Suspend the firing of all events. (see <a ext:cls="Ext.util.Observable" ext:member="resumeEvents" href="output/Ext.util.Observable.html#resumeEvents">resumeEvents</a>)</div>\r
-            <div class="long">\r
-                Suspend the firing of all events. (see <a ext:cls="Ext.util.Observable" ext:member="resumeEvents" href="output/Ext.util.Observable.html#resumeEvents">resumeEvents</a>)    <div class="mdetail-params">\r
-        <strong>Parameters:</strong>\r
-        <ul><li>None.</li>        </ul>\r
-        <strong>Returns:</strong>\r
-        <ul>\r
-            <li><code>void</code></li>\r
-        </ul>\r
-    </div>\r
-                </div>\r
-                        </div>\r
-        </td>\r
-        <td class="msource"><a ext:cls="Ext.util.Observable" ext:member="#suspendEvents" href="output/Ext.util.Observable.html#suspendEvents">Observable</a></td>\r
-    </tr>\r
-        <tr class="method-row expandable">\r
-        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
-        <td class="sig">\r
-        <a id="Ext.grid.GroupingView-toggleAllGroups"></a>\r
-            <b>toggleAllGroups</b>(&nbsp;<span class="optional" title="Optional">[<code>Boolean expanded</code>]</span>&nbsp;) : void            <div class="mdesc">\r
-                        <div class="short">Toggles all groups if no value is passed, otherwise sets the expanded state of all groups to the value passed.</div>\r
-            <div class="long">\r
-                Toggles all groups if no value is passed, otherwise sets the expanded state of all groups to the value passed.    <div class="mdetail-params">\r
-        <strong>Parameters:</strong>\r
-        <ul><li><code>expanded</code> : Boolean<div class="sub-desc">(optional)</div></li>        </ul>\r
-        <strong>Returns:</strong>\r
-        <ul>\r
-            <li><code>void</code></li>\r
-        </ul>\r
-    </div>\r
-                </div>\r
-                        </div>\r
-        </td>\r
-        <td class="msource">GroupingView</td>\r
-    </tr>\r
-        <tr class="method-row alt expandable">\r
-        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
-        <td class="sig">\r
-        <a id="Ext.grid.GroupingView-toggleGroup"></a>\r
-            <b>toggleGroup</b>(&nbsp;<code>String groupId</code>, <span class="optional" title="Optional">[<code>Boolean expanded</code>]</span>&nbsp;) : void            <div class="mdesc">\r
-                        <div class="short">Toggles the specified group if no value is passed, otherwise sets the expanded state of the group to the value passed.</div>\r
-            <div class="long">\r
-                Toggles the specified group if no value is passed, otherwise sets the expanded state of the group to the value passed.    <div class="mdetail-params">\r
-        <strong>Parameters:</strong>\r
-        <ul><li><code>groupId</code> : String<div class="sub-desc">The groupId assigned to the group (see getGroupId)</div></li><li><code>expanded</code> : Boolean<div class="sub-desc">(optional)</div></li>        </ul>\r
-        <strong>Returns:</strong>\r
-        <ul>\r
-            <li><code>void</code></li>\r
-        </ul>\r
-    </div>\r
-                </div>\r
-                        </div>\r
-        </td>\r
-        <td class="msource">GroupingView</td>\r
-    </tr>\r
-        <tr class="method-row inherited expandable">\r
-        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
-        <td class="sig">\r
-        <a id="Ext.grid.GroupingView-un"></a>\r
-            <b>un</b>(&nbsp;<code>String eventName</code>, <code>Function handler</code>, <span class="optional" title="Optional">[<code>Object scope</code>]</span>&nbsp;) : void            <div class="mdesc">\r
-                        <div class="short">Removes a listener (shorthand for removeListener)</div>\r
-            <div class="long">\r
-                Removes a listener (shorthand for removeListener)    <div class="mdetail-params">\r
-        <strong>Parameters:</strong>\r
-        <ul><li><code>eventName</code> : String<div class="sub-desc">The type of event to listen for</div></li><li><code>handler</code> : Function<div class="sub-desc">The handler to remove</div></li><li><code>scope</code> : Object<div class="sub-desc">(optional) The scope (this object) for the handler</div></li>        </ul>\r
-        <strong>Returns:</strong>\r
-        <ul>\r
-            <li><code>void</code></li>\r
-        </ul>\r
-    </div>\r
-                </div>\r
-                        </div>\r
-        </td>\r
-        <td class="msource"><a ext:cls="Ext.util.Observable" ext:member="#un" href="output/Ext.util.Observable.html#un">Observable</a></td>\r
-    </tr>\r
-            </table>
-                <a id="Ext.grid.GroupingView-events"></a>
-        <h2>Public Events</h2>
-                <table cellspacing="0" class="member-table">
-            <tr>
-                <th class="sig-header" colspan="2">Event</th>
-                <th class="msource-header">Defined By</th>
-            </tr>
-                <tr class="event-row inherited expandable">\r
-        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
-        <td class="sig">\r
-        <a id="Ext.grid.GroupingView-beforerefresh"></a>\r
-            <b>beforerefresh</b> : (&nbsp;<code>Ext.grid.GridView view</code>&nbsp;)            <div class="mdesc">\r
-                        <div class="short">Internal UI Event. Fired before the view is refreshed.</div>\r
-            <div class="long">\r
-                Internal UI Event. Fired before the view is refreshed.    <div class="mdetail-params">\r
-        <strong style="font-weight:normal;">Listeners will be called with the following arguments:</strong>\r
-        <ul><li><code>view</code> : Ext.grid.GridView<div class="sub-desc"></div></li>        </ul>\r
-    </div>\r
-                </div>\r
-                        </div>\r
-        </td>\r
-        <td class="msource"><a ext:cls="Ext.grid.GridView" ext:member="#event-beforerefresh" href="output/Ext.grid.GridView.html#event-beforerefresh">GridView</a></td>\r
-    </tr>\r
-        <tr class="event-row inherited alt expandable">\r
-        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
-        <td class="sig">\r
-        <a id="Ext.grid.GroupingView-beforerowremoved"></a>\r
-            <b>beforerowremoved</b> : (&nbsp;<code>Ext.grid.GridView view</code>, <code>Number rowIndex</code>, <code>Ext.data.Record record</code>&nbsp;)            <div class="mdesc">\r
-                        <div class="short">Internal UI Event. Fired before a row is removed.</div>\r
-            <div class="long">\r
-                Internal UI Event. Fired before a row is removed.    <div class="mdetail-params">\r
-        <strong style="font-weight:normal;">Listeners will be called with the following arguments:</strong>\r
-        <ul><li><code>view</code> : Ext.grid.GridView<div class="sub-desc"></div></li><li><code>rowIndex</code> : Number<div class="sub-desc">The index of the row to be removed.</div></li><li><code>record</code> : Ext.data.Record<div class="sub-desc">The Record to be removed</div></li>        </ul>\r
-    </div>\r
-                </div>\r
-                        </div>\r
-        </td>\r
-        <td class="msource"><a ext:cls="Ext.grid.GridView" ext:member="#event-beforerowremoved" href="output/Ext.grid.GridView.html#event-beforerowremoved">GridView</a></td>\r
-    </tr>\r
-        <tr class="event-row inherited expandable">\r
-        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
-        <td class="sig">\r
-        <a id="Ext.grid.GroupingView-beforerowsinserted"></a>\r
-            <b>beforerowsinserted</b> : (&nbsp;<code>Ext.grid.GridView view</code>, <code>Number firstRow</code>, <code>Number lastRow</code>&nbsp;)            <div class="mdesc">\r
-                        <div class="short">Internal UI Event. Fired before rows are inserted.</div>\r
-            <div class="long">\r
-                Internal UI Event. Fired before rows are inserted.    <div class="mdetail-params">\r
-        <strong style="font-weight:normal;">Listeners will be called with the following arguments:</strong>\r
-        <ul><li><code>view</code> : Ext.grid.GridView<div class="sub-desc"></div></li><li><code>firstRow</code> : Number<div class="sub-desc">The index of the first row to be inserted.</div></li><li><code>lastRow</code> : Number<div class="sub-desc">The index of the last row to be inserted.</div></li>        </ul>\r
-    </div>\r
-                </div>\r
-                        </div>\r
-        </td>\r
-        <td class="msource"><a ext:cls="Ext.grid.GridView" ext:member="#event-beforerowsinserted" href="output/Ext.grid.GridView.html#event-beforerowsinserted">GridView</a></td>\r
-    </tr>\r
-        <tr class="event-row inherited alt expandable">\r
-        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
-        <td class="sig">\r
-        <a id="Ext.grid.GroupingView-refresh"></a>\r
-            <b>refresh</b> : (&nbsp;<code>Ext.grid.GridView view</code>&nbsp;)            <div class="mdesc">\r
-                        <div class="short">Internal UI Event. Fired after the GridView's body has been refreshed.</div>\r
-            <div class="long">\r
-                Internal UI Event. Fired after the GridView's body has been refreshed.    <div class="mdetail-params">\r
-        <strong style="font-weight:normal;">Listeners will be called with the following arguments:</strong>\r
-        <ul><li><code>view</code> : Ext.grid.GridView<div class="sub-desc"></div></li>        </ul>\r
-    </div>\r
-                </div>\r
-                        </div>\r
-        </td>\r
-        <td class="msource"><a ext:cls="Ext.grid.GridView" ext:member="#event-refresh" href="output/Ext.grid.GridView.html#event-refresh">GridView</a></td>\r
-    </tr>\r
-        <tr class="event-row inherited expandable">\r
-        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
-        <td class="sig">\r
-        <a id="Ext.grid.GroupingView-rowremoved"></a>\r
-            <b>rowremoved</b> : (&nbsp;<code>Ext.grid.GridView view</code>, <code>Number rowIndex</code>, <code>Ext.data.Record record</code>&nbsp;)            <div class="mdesc">\r
-                        <div class="short">Internal UI Event. Fired after a row is removed.</div>\r
-            <div class="long">\r
-                Internal UI Event. Fired after a row is removed.    <div class="mdetail-params">\r
-        <strong style="font-weight:normal;">Listeners will be called with the following arguments:</strong>\r
-        <ul><li><code>view</code> : Ext.grid.GridView<div class="sub-desc"></div></li><li><code>rowIndex</code> : Number<div class="sub-desc">The index of the row that was removed.</div></li><li><code>record</code> : Ext.data.Record<div class="sub-desc">The Record that was removed</div></li>        </ul>\r
-    </div>\r
-                </div>\r
-                        </div>\r
-        </td>\r
-        <td class="msource"><a ext:cls="Ext.grid.GridView" ext:member="#event-rowremoved" href="output/Ext.grid.GridView.html#event-rowremoved">GridView</a></td>\r
-    </tr>\r
-        <tr class="event-row inherited alt expandable">\r
-        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
-        <td class="sig">\r
-        <a id="Ext.grid.GroupingView-rowsinserted"></a>\r
-            <b>rowsinserted</b> : (&nbsp;<code>Ext.grid.GridView view</code>, <code>Number firstRow</code>, <code>Number lastRow</code>&nbsp;)            <div class="mdesc">\r
-                        <div class="short">Internal UI Event. Fired after rows are inserted.</div>\r
-            <div class="long">\r
-                Internal UI Event. Fired after rows are inserted.    <div class="mdetail-params">\r
-        <strong style="font-weight:normal;">Listeners will be called with the following arguments:</strong>\r
-        <ul><li><code>view</code> : Ext.grid.GridView<div class="sub-desc"></div></li><li><code>firstRow</code> : Number<div class="sub-desc">The index of the first inserted.</div></li><li><code>lastRow</code> : Number<div class="sub-desc">The index of the last row inserted.</div></li>        </ul>\r
-    </div>\r
-                </div>\r
-                        </div>\r
-        </td>\r
-        <td class="msource"><a ext:cls="Ext.grid.GridView" ext:member="#event-rowsinserted" href="output/Ext.grid.GridView.html#event-rowsinserted">GridView</a></td>\r
-    </tr>\r
-        <tr class="event-row inherited expandable">\r
-        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
-        <td class="sig">\r
-        <a id="Ext.grid.GroupingView-rowupdated"></a>\r
-            <b>rowupdated</b> : (&nbsp;<code>Ext.grid.GridView view</code>, <code>Number firstRow</code>, <code>Ext.data.record record</code>&nbsp;)            <div class="mdesc">\r
-                        <div class="short">Internal UI Event. Fired after a row has been updated.</div>\r
-            <div class="long">\r
-                Internal UI Event. Fired after a row has been updated.    <div class="mdetail-params">\r
-        <strong style="font-weight:normal;">Listeners will be called with the following arguments:</strong>\r
-        <ul><li><code>view</code> : Ext.grid.GridView<div class="sub-desc"></div></li><li><code>firstRow</code> : Number<div class="sub-desc">The index of the row updated.</div></li><li><code>record</code> : Ext.data.record<div class="sub-desc">The Record backing the row updated.</div></li>        </ul>\r
-    </div>\r
-                </div>\r
-                        </div>\r
-        </td>\r
-        <td class="msource"><a ext:cls="Ext.grid.GridView" ext:member="#event-rowupdated" href="output/Ext.grid.GridView.html#event-rowupdated">GridView</a></td>\r
-    </tr>\r
-            </table>
-        
-        </div>
\ No newline at end of file