docs/output/Ext.grid.GroupingView.html

   1         <div class="body-wrap">
   2         <div class="top-tools">
   3             <a class="inner-link" href="#Ext.grid.GroupingView-props"><img src="../resources/images/default/s.gif" class="item-icon icon-prop">Properties</a>
   4             <a class="inner-link" href="#Ext.grid.GroupingView-methods"><img src="../resources/images/default/s.gif" class="item-icon icon-method">Methods</a>
   5             <a class="inner-link" href="#Ext.grid.GroupingView-events"><img src="../resources/images/default/s.gif" class="item-icon icon-event">Events</a>
   6                             <a class="inner-link" href="#Ext.grid.GroupingView-configs"><img src="../resources/images/default/s.gif" class="item-icon icon-config">Config Options</a>
   7                         <a class="bookmark" href="../docs/?class=Ext.grid.GroupingView"><img src="../resources/images/default/s.gif" class="item-icon icon-fav">Direct Link</a>
   8         </div>
   9                 <div class="inheritance res-block">
  10 <pre class="res-block-inner"><a ext:cls="Ext.util.Observable" ext:member="" href="output/Ext.util.Observable.html">Observable</a>
  11   <img src="resources/elbow-end.gif"/><a ext:cls="Ext.grid.GridView" ext:member="" href="output/Ext.grid.GridView.html">GridView</a>
  12     <img src="resources/elbow-end.gif"/>GroupingView</pre></div>
  13                 <h1>Class Ext.grid.GroupingView</h1>
  14         <table cellspacing="0">
  15             <tr><td class="label">Package:</td><td class="hd-info">Ext.grid</td></tr>
  16             <tr><td class="label">Defined In:</td><td class="hd-info"><a href="../src/GroupingView.js" target="_blank">GroupingView.js</a></td></tr>
  17             <tr><td class="label">Class:</td><td class="hd-info">GroupingView</td></tr>
  18                                     <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>
  19                     </table>
  20         <div class="description">
  21             *
  22 Adds the ability for single level grouping to the grid.
  23 <pre><code>var grid = <b>new</b> Ext.grid.GridPanel({
  24     <i>// A groupingStore is required <b>for</b> a GroupingView</i>
  25     store: <b>new</b> Ext.data.GroupingStore({
  26         reader: reader,
  27         data: xg.dummyData,
  28         sortInfo:{field: <em>'company'</em>, direction: <em>"ASC"</em>},
  29         groupField:<em>'industry'</em>
  30     }),
  31
  32     columns: [
  33         {id:<em>'company'</em>,header: <em>"Company"</em>, width: 60, sortable: true, dataIndex: <em>'company'</em>},
  34         {header: <em>"Price"</em>, width: 20, sortable: true, renderer: Ext.util.Format.usMoney, dataIndex: <em>'price'</em>},
  35         {header: <em>"Change"</em>, width: 20, sortable: true, dataIndex: <em>'change'</em>, renderer: Ext.util.Format.usMoney},
  36         {header: <em>"Industry"</em>, width: 20, sortable: true, dataIndex: <em>'industry'</em>},
  37         {header: <em>"Last Updated"</em>, width: 20, sortable: true, renderer: Ext.util.Format.dateRenderer(<em>'m/d/Y'</em>), dataIndex: <em>'lastChange'</em>}
  38     ],
  39
  40     view: <b>new</b> Ext.grid.GroupingView({
  41         forceFit:true,
  42         <i>// custom grouping text template to display the number of items per group</i>
  43         groupTextTpl: <em>'{text} ({[values.rs.length]} {[values.rs.length > 1 ? "Items" : "Item"]})'</em>
  44     }),
  45
  46     frame:true,
  47     width: 700,
  48     height: 450,
  49     collapsible: true,
  50     animCollapse: false,
  51     title: <em>'Grouping Example'</em>,
  52     iconCls: <em>'icon-grid'</em>,
  53     renderTo: document.body
  54 });</code></pre>        </div>
  55
  56         <div class="hr"></div>
  57                 <a id="Ext.grid.GroupingView-configs"></a>
  58         <h2>Config Options</h2>
  59         <table cellspacing="0" class="member-table">
  60             <tr>
  61                 <th class="sig-header" colspan="2">Config Options</th>
  62                 <th class="msource-header">Defined By</th>
  63             </tr>
  64                 <tr class="config-row inherited">\r
  65         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
  66         <td class="sig">\r
  67         <a id="Ext.grid.GroupingView-autoFill"></a>\r
  68             <b>autoFill</b> : Boolean            <div class="mdesc">\r
  69                             True to auto expand the columns to fit the grid <b>when the grid is created</b>.                        </div>\r
  70         </td>\r
  71         <td class="msource"><a ext:cls="Ext.grid.GridView" ext:member="#autoFill" href="output/Ext.grid.GridView.html#autoFill">GridView</a></td>\r
  72     </tr>\r
  73         <tr class="config-row inherited alt">\r
  74         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
  75         <td class="sig">\r
  76         <a id="Ext.grid.GroupingView-cellSelector"></a>\r
  77             <b>cellSelector</b> : String            <div class="mdesc">\r
  78                             The selector used to find cells internally                        </div>\r
  79         </td>\r
  80         <td class="msource"><a ext:cls="Ext.grid.GridView" ext:member="#cellSelector" href="output/Ext.grid.GridView.html#cellSelector">GridView</a></td>\r
  81     </tr>\r
  82         <tr class="config-row inherited">\r
  83         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
  84         <td class="sig">\r
  85         <a id="Ext.grid.GroupingView-cellSelectorDepth"></a>\r
  86             <b>cellSelectorDepth</b> : Number            <div class="mdesc">\r
  87                             The number of levels to search for cells in event delegation (defaults to 4)                        </div>\r
  88         </td>\r
  89         <td class="msource"><a ext:cls="Ext.grid.GridView" ext:member="#cellSelectorDepth" href="output/Ext.grid.GridView.html#cellSelectorDepth">GridView</a></td>\r
  90     </tr>\r
  91         <tr class="config-row inherited alt">\r
  92         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
  93         <td class="sig">\r
  94         <a id="Ext.grid.GroupingView-deferEmptyText"></a>\r
  95             <b>deferEmptyText</b> : Boolean            <div class="mdesc">\r
  96                             True to defer emptyText being applied until the store's first load                        </div>\r
  97         </td>\r
  98         <td class="msource"><a ext:cls="Ext.grid.GridView" ext:member="#deferEmptyText" href="output/Ext.grid.GridView.html#deferEmptyText">GridView</a></td>\r
  99     </tr>\r
 100         <tr class="config-row">\r
 101         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
 102         <td class="sig">\r
 103         <a id="Ext.grid.GroupingView-emptyGroupText"></a>\r
 104             <b>emptyGroupText</b> : String            <div class="mdesc">\r
 105                             The text to display when there is an empty group value                        </div>\r
 106         </td>\r
 107         <td class="msource">GroupingView</td>\r
 108     </tr>\r
 109         <tr class="config-row inherited alt">\r
 110         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
 111         <td class="sig">\r
 112         <a id="Ext.grid.GroupingView-emptyText"></a>\r
 113             <b>emptyText</b> : String            <div class="mdesc">\r
 114                             Default text to display in the grid body when no rows are available (defaults to '').                        </div>\r
 115         </td>\r
 116         <td class="msource"><a ext:cls="Ext.grid.GridView" ext:member="#emptyText" href="output/Ext.grid.GridView.html#emptyText">GridView</a></td>\r
 117     </tr>\r
 118         <tr class="config-row">\r
 119         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
 120         <td class="sig">\r
 121         <a id="Ext.grid.GroupingView-enableGrouping"></a>\r
 122             <b>enableGrouping</b> : Boolean            <div class="mdesc">\r
 123                             False to disable grouping functionality (defaults to true)                        </div>\r
 124         </td>\r
 125         <td class="msource">GroupingView</td>\r
 126     </tr>\r
 127         <tr class="config-row alt">\r
 128         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
 129         <td class="sig">\r
 130         <a id="Ext.grid.GroupingView-enableGroupingMenu"></a>\r
 131             <b>enableGroupingMenu</b> : Boolean            <div class="mdesc">\r
 132                             True to enable the grouping control in the column menu                        </div>\r
 133         </td>\r
 134         <td class="msource">GroupingView</td>\r
 135     </tr>\r
 136         <tr class="config-row">\r
 137         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
 138         <td class="sig">\r
 139         <a id="Ext.grid.GroupingView-enableNoGroups"></a>\r
 140             <b>enableNoGroups</b> : Boolean            <div class="mdesc">\r
 141                             True to allow the user to turn off grouping                        </div>\r
 142         </td>\r
 143         <td class="msource">GroupingView</td>\r
 144     </tr>\r
 145         <tr class="config-row inherited alt expandable">\r
 146         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
 147         <td class="sig">\r
 148         <a id="Ext.grid.GroupingView-enableRowBody"></a>\r
 149             <b>enableRowBody</b> : Boolean            <div class="mdesc">\r
 150                         <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
 151             <div class="long">\r
 152                 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
 153                         </div>\r
 154         </td>\r
 155         <td class="msource"><a ext:cls="Ext.grid.GridView" ext:member="#enableRowBody" href="output/Ext.grid.GridView.html#enableRowBody">GridView</a></td>\r
 156     </tr>\r
 157         <tr class="config-row inherited expandable">\r
 158         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
 159         <td class="sig">\r
 160         <a id="Ext.grid.GroupingView-forceFit"></a>\r
 161             <b>forceFit</b> : Boolean            <div class="mdesc">\r
 162                         <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
 163             <div class="long">\r
 164                 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
 165                         </div>\r
 166         </td>\r
 167         <td class="msource"><a ext:cls="Ext.grid.GridView" ext:member="#forceFit" href="output/Ext.grid.GridView.html#forceFit">GridView</a></td>\r
 168     </tr>\r
 169         <tr class="config-row alt">\r
 170         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
 171         <td class="sig">\r
 172         <a id="Ext.grid.GroupingView-groupByText"></a>\r
 173             <b>groupByText</b> : String            <div class="mdesc">\r
 174                             Text displayed in the grid header menu for grouping by a column (defaults to 'Group By This Field').                        </div>\r
 175         </td>\r
 176         <td class="msource">GroupingView</td>\r
 177     </tr>\r
 178         <tr class="config-row expandable">\r
 179         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
 180         <td class="sig">\r
 181         <a id="Ext.grid.GroupingView-groupRenderer"></a>\r
 182             <b>groupRenderer</b> : Function            <div class="mdesc">\r
 183                         <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
 184             <div class="long">\r
 185                 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
 186                         </div>\r
 187         </td>\r
 188         <td class="msource">GroupingView</td>\r
 189     </tr>\r
 190         <tr class="config-row alt expandable">\r
 191         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
 192         <td class="sig">\r
 193         <a id="Ext.grid.GroupingView-groupTextTpl"></a>\r
 194             <b>groupTextTpl</b> : String            <div class="mdesc">\r
 195                         <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
 196             <div class="long">\r
 197                 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
 198                         </div>\r
 199         </td>\r
 200         <td class="msource">GroupingView</td>\r
 201     </tr>\r
 202         <tr class="config-row">\r
 203         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
 204         <td class="sig">\r
 205         <a id="Ext.grid.GroupingView-header"></a>\r
 206             <b>header</b> : String            <div class="mdesc">\r
 207                             The text with which to prefix the group field value in the group header line.                        </div>\r
 208         </td>\r
 209         <td class="msource">GroupingView</td>\r
 210     </tr>\r
 211         <tr class="config-row alt">\r
 212         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
 213         <td class="sig">\r
 214         <a id="Ext.grid.GroupingView-hideGroupedColumn"></a>\r
 215             <b>hideGroupedColumn</b> : Boolean            <div class="mdesc">\r
 216                             True to hide the column that is currently grouped                        </div>\r
 217         </td>\r
 218         <td class="msource">GroupingView</td>\r
 219     </tr>\r
 220         <tr class="config-row">\r
 221         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
 222         <td class="sig">\r
 223         <a id="Ext.grid.GroupingView-ignoreAdd"></a>\r
 224             <b>ignoreAdd</b> : Boolean            <div class="mdesc">\r
 225                             True to skip refreshing the view when new rows are added (defaults to false)                        </div>\r
 226         </td>\r
 227         <td class="msource">GroupingView</td>\r
 228     </tr>\r
 229         <tr class="config-row inherited alt expandable">\r
 230         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
 231         <td class="sig">\r
 232         <a id="Ext.grid.GroupingView-listeners"></a>\r
 233             <b>listeners</b> : Object            <div class="mdesc">\r
 234                         <div class="short">(optional) A config object containing one or more event handlers to be added to this object during initialization. Th...</div>\r
 235             <div class="long">\r
 236                 (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
 237                         </div>\r
 238         </td>\r
 239         <td class="msource"><a ext:cls="Ext.util.Observable" ext:member="#listeners" href="output/Ext.util.Observable.html#listeners">Observable</a></td>\r
 240     </tr>\r
 241         <tr class="config-row inherited">\r
 242         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
 243         <td class="sig">\r
 244         <a id="Ext.grid.GroupingView-rowSelector"></a>\r
 245             <b>rowSelector</b> : String            <div class="mdesc">\r
 246                             The selector used to find rows internally                        </div>\r
 247         </td>\r
 248         <td class="msource"><a ext:cls="Ext.grid.GridView" ext:member="#rowSelector" href="output/Ext.grid.GridView.html#rowSelector">GridView</a></td>\r
 249     </tr>\r
 250         <tr class="config-row inherited alt">\r
 251         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
 252         <td class="sig">\r
 253         <a id="Ext.grid.GroupingView-rowSelectorDepth"></a>\r
 254             <b>rowSelectorDepth</b> : Number            <div class="mdesc">\r
 255                             The number of levels to search for rows in event delegation (defaults to 10)                        </div>\r
 256         </td>\r
 257         <td class="msource"><a ext:cls="Ext.grid.GridView" ext:member="#rowSelectorDepth" href="output/Ext.grid.GridView.html#rowSelectorDepth">GridView</a></td>\r
 258     </tr>\r
 259         <tr class="config-row">\r
 260         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
 261         <td class="sig">\r
 262         <a id="Ext.grid.GroupingView-showGroupName"></a>\r
 263             <b>showGroupName</b> : Boolean            <div class="mdesc">\r
 264                             True to display the name for each set of grouped rows (defaults to true)                        </div>\r
 265         </td>\r
 266         <td class="msource">GroupingView</td>\r
 267     </tr>\r
 268         <tr class="config-row alt">\r
 269         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
 270         <td class="sig">\r
 271         <a id="Ext.grid.GroupingView-showGroupsText"></a>\r
 272             <b>showGroupsText</b> : String            <div class="mdesc">\r
 273                             Text displayed in the grid header for enabling/disabling grouping (defaults to 'Show in Groups').                        </div>\r
 274         </td>\r
 275         <td class="msource">GroupingView</td>\r
 276     </tr>\r
 277         <tr class="config-row">\r
 278         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
 279         <td class="sig">\r
 280         <a id="Ext.grid.GroupingView-startCollapsed"></a>\r
 281             <b>startCollapsed</b> : Boolean            <div class="mdesc">\r
 282                             True to start all groups collapsed                        </div>\r
 283         </td>\r
 284         <td class="msource">GroupingView</td>\r
 285     </tr>\r
 286             </table>
 287                 <a id="Ext.grid.GroupingView-props"></a>
 288         <h2>Public Properties</h2>
 289                 <table cellspacing="0" class="member-table">
 290             <tr>
 291                 <th class="sig-header" colspan="2">Property</th>
 292                 <th class="msource-header">Defined By</th>
 293             </tr>
 294                 <tr class="property-row inherited">\r
 295         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
 296         <td class="sig">\r
 297         <a id="Ext.grid.GroupingView-columnsText"></a>\r
 298             <b>columnsText</b> : String            <div class="mdesc">\r
 299                             The text displayed in the "Columns" menu item                        </div>\r
 300         </td>\r
 301         <td class="msource"><a ext:cls="Ext.grid.GridView" ext:member="#columnsText" href="output/Ext.grid.GridView.html#columnsText">GridView</a></td>\r
 302     </tr>\r
 303         <tr class="property-row inherited alt">\r
 304         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
 305         <td class="sig">\r
 306         <a id="Ext.grid.GroupingView-dragZone"></a>\r
 307             <b>dragZone</b> : Ext.grid.GridDragZone
 308 <p><b>This            <div class="mdesc">\r
 309                                                     </div>\r
 310         </td>\r
 311         <td class="msource"><a ext:cls="Ext.grid.GridView" ext:member="#dragZone" href="output/Ext.grid.GridView.html#dragZone">GridView</a></td>\r
 312     </tr>\r
 313         <tr class="property-row inherited expandable">\r
 314         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
 315         <td class="sig">\r
 316         <a id="Ext.grid.GroupingView-mainBody"></a>\r
 317             <b>mainBody</b> : Ext.Element            <div class="mdesc">\r
 318                         <div class="short">The GridView's body Element which encapsulates all rows in the Grid. Element. Read-only.
 319 This Element is only availab...</div>\r
 320             <div class="long">\r
 321                 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.
 322 <p>This Element is only available after the GridPanel has been rendered.</p>            </div>\r
 323                         </div>\r
 324         </td>\r
 325         <td class="msource"><a ext:cls="Ext.grid.GridView" ext:member="#mainBody" href="output/Ext.grid.GridView.html#mainBody">GridView</a></td>\r
 326     </tr>\r
 327         <tr class="property-row inherited alt">\r
 328         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
 329         <td class="sig">\r
 330         <a id="Ext.grid.GroupingView-scrollOffset"></a>\r
 331             <b>scrollOffset</b> : Number            <div class="mdesc">\r
 332                             The amount of space to reserve for the scrollbar (defaults to 19 pixels)                        </div>\r
 333         </td>\r
 334         <td class="msource"><a ext:cls="Ext.grid.GridView" ext:member="#scrollOffset" href="output/Ext.grid.GridView.html#scrollOffset">GridView</a></td>\r
 335     </tr>\r
 336         <tr class="property-row inherited">\r
 337         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
 338         <td class="sig">\r
 339         <a id="Ext.grid.GroupingView-sortAscText"></a>\r
 340             <b>sortAscText</b> : String            <div class="mdesc">\r
 341                             The text displayed in the "Sort Ascending" menu item                        </div>\r
 342         </td>\r
 343         <td class="msource"><a ext:cls="Ext.grid.GridView" ext:member="#sortAscText" href="output/Ext.grid.GridView.html#sortAscText">GridView</a></td>\r
 344     </tr>\r
 345         <tr class="property-row inherited alt">\r
 346         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
 347         <td class="sig">\r
 348         <a id="Ext.grid.GroupingView-sortClasses"></a>\r
 349             <b>sortClasses</b> : Array            <div class="mdesc">\r
 350                             The CSS classes applied to a header when it is sorted. (defaults to ["sort-asc", "sort-desc"])                        </div>\r
 351         </td>\r
 352         <td class="msource"><a ext:cls="Ext.grid.GridView" ext:member="#sortClasses" href="output/Ext.grid.GridView.html#sortClasses">GridView</a></td>\r
 353     </tr>\r
 354         <tr class="property-row inherited">\r
 355         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
 356         <td class="sig">\r
 357         <a id="Ext.grid.GroupingView-sortDescText"></a>\r
 358             <b>sortDescText</b> : String            <div class="mdesc">\r
 359                             The text displayed in the "Sort Descending" menu item                        </div>\r
 360         </td>\r
 361         <td class="msource"><a ext:cls="Ext.grid.GridView" ext:member="#sortDescText" href="output/Ext.grid.GridView.html#sortDescText">GridView</a></td>\r
 362     </tr>\r
 363             </table>
 364                 <a id="Ext.grid.GroupingView-methods"></a>
 365         <h2>Public Methods</h2>
 366                 <table cellspacing="0" class="member-table">
 367             <tr>
 368                 <th class="sig-header" colspan="2">Method</th>
 369                 <th class="msource-header">Defined By</th>
 370             </tr>
 371                 <tr class="method-row expandable">\r
 372         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
 373         <td class="sig">\r
 374         <a id="Ext.grid.GroupingView-GroupingView"></a>\r
 375             <b>GroupingView</b>(&nbsp;<code>Object config</code>&nbsp;)            <div class="mdesc">\r
 376                         <div class="short"></div>\r
 377             <div class="long">\r
 378                     <div class="mdetail-params">\r
 379         <strong>Parameters:</strong>\r
 380         <ul><li><code>config</code> : Object<div class="sub-desc"></div></li>        </ul>\r
 381         <strong>Returns:</strong>\r
 382         <ul>\r
 383             <li><code></code></li>\r
 384         </ul>\r
 385     </div>\r
 386                 </div>\r
 387                         </div>\r
 388         </td>\r
 389         <td class="msource">GroupingView</td>\r
 390     </tr>\r
 391         <tr class="method-row inherited alt expandable">\r
 392         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
 393         <td class="sig">\r
 394         <a id="Ext.grid.GroupingView-addEvents"></a>\r
 395             <b>addEvents</b>(&nbsp;<code>Object object</code>&nbsp;) : void            <div class="mdesc">\r
 396                         <div class="short">Used to define events on this Observable</div>\r
 397             <div class="long">\r
 398                 Used to define events on this Observable    <div class="mdetail-params">\r
 399         <strong>Parameters:</strong>\r
 400         <ul><li><code>object</code> : Object<div class="sub-desc">The object with the events defined</div></li>        </ul>\r
 401         <strong>Returns:</strong>\r
 402         <ul>\r
 403             <li><code>void</code></li>\r
 404         </ul>\r
 405     </div>\r
 406                 </div>\r
 407                         </div>\r
 408         </td>\r
 409         <td class="msource"><a ext:cls="Ext.util.Observable" ext:member="#addEvents" href="output/Ext.util.Observable.html#addEvents">Observable</a></td>\r
 410     </tr>\r
 411         <tr class="method-row inherited expandable">\r
 412         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
 413         <td class="sig">\r
 414         <a id="Ext.grid.GroupingView-addListener"></a>\r
 415             <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
 416                         <div class="short">Appends an event handler to this component</div>\r
 417             <div class="long">\r
 418                 Appends an event handler to this component    <div class="mdetail-params">\r
 419         <strong>Parameters:</strong>\r
 420         <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
 421 function. The handler function's "this" context.</div></li><li><code>options</code> : Object<div class="sub-desc">(optional) An object containing handler configuration
 422 properties. This may contain any of the following properties:<ul>
 423 <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>
 424 <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>
 425 <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>
 426 <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
 427 by the specified number of milliseconds. If the event fires again within that time, the original
 428 handler is <em>not</em> invoked, but the new handler is scheduled in its place.</p></li>
 429 </ul><br>
 430 <p>
 431 <b>Combining Options</b><br>
 432 Using the options argument, it is possible to combine different types of listeners:<br>
 433 <br>
 434 A normalized, delayed, one-time listener that auto stops the event and passes a custom argument (forumId)
 435 <pre><code>el.on(<em>'click'</em>, <b>this</b>.onClick, <b>this</b>, {
 436     single: true,
 437     delay: 100,
 438     forumId: 4
 439 });</code></pre>
 440 <p>
 441 <b>Attaching multiple handlers in 1 call</b><br>
 442 The method also allows for a single argument to be passed which is a config object containing properties
 443 which specify multiple handlers.
 444 <p>
 445 <pre><code>foo.on({
 446     <em>'click'</em> : {
 447         fn: <b>this</b>.onClick,
 448         scope: <b>this</b>,
 449         delay: 100
 450     },
 451     <em>'mouseover'</em> : {
 452         fn: <b>this</b>.onMouseOver,
 453         scope: <b>this</b>
 454     },
 455     <em>'mouseout'</em> : {
 456         fn: <b>this</b>.onMouseOut,
 457         scope: <b>this</b>
 458     }
 459 });</code></pre>
 460 <p>
 461 Or a shorthand syntax:<br>
 462 <pre><code>foo.on({
 463     <em>'click'</em> : <b>this</b>.onClick,
 464     <em>'mouseover'</em> : <b>this</b>.onMouseOver,
 465     <em>'mouseout'</em> : <b>this</b>.onMouseOut,
 466      scope: <b>this</b>
 467 });</code></pre></div></li>        </ul>\r
 468         <strong>Returns:</strong>\r
 469         <ul>\r
 470             <li><code>void</code></li>\r
 471         </ul>\r
 472     </div>\r
 473                 </div>\r
 474                         </div>\r
 475         </td>\r
 476         <td class="msource"><a ext:cls="Ext.util.Observable" ext:member="#addListener" href="output/Ext.util.Observable.html#addListener">Observable</a></td>\r
 477     </tr>\r
 478         <tr class="method-row alt expandable">\r
 479         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
 480         <td class="sig">\r
 481         <a id="Ext.grid.GroupingView-collapseAllGroups"></a>\r
 482             <b>collapseAllGroups</b>() : void            <div class="mdesc">\r
 483                         <div class="short">Collapses all grouped rows.</div>\r
 484             <div class="long">\r
 485                 Collapses all grouped rows.    <div class="mdetail-params">\r
 486         <strong>Parameters:</strong>\r
 487         <ul><li>None.</li>        </ul>\r
 488         <strong>Returns:</strong>\r
 489         <ul>\r
 490             <li><code>void</code></li>\r
 491         </ul>\r
 492     </div>\r
 493                 </div>\r
 494                         </div>\r
 495         </td>\r
 496         <td class="msource">GroupingView</td>\r
 497     </tr>\r
 498         <tr class="method-row expandable">\r
 499         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
 500         <td class="sig">\r
 501         <a id="Ext.grid.GroupingView-expandAllGroups"></a>\r
 502             <b>expandAllGroups</b>() : void            <div class="mdesc">\r
 503                         <div class="short">Expands all grouped rows.</div>\r
 504             <div class="long">\r
 505                 Expands all grouped rows.    <div class="mdetail-params">\r
 506         <strong>Parameters:</strong>\r
 507         <ul><li>None.</li>        </ul>\r
 508         <strong>Returns:</strong>\r
 509         <ul>\r
 510             <li><code>void</code></li>\r
 511         </ul>\r
 512     </div>\r
 513                 </div>\r
 514                         </div>\r
 515         </td>\r
 516         <td class="msource">GroupingView</td>\r
 517     </tr>\r
 518         <tr class="method-row inherited alt expandable">\r
 519         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
 520         <td class="sig">\r
 521         <a id="Ext.grid.GroupingView-findRow"></a>\r
 522             <b>findRow</b>(&nbsp;<code>Element el</code>&nbsp;) : The            <div class="mdesc">\r
 523                         <div class="short">Return the HtmlElement representing the grid row which contains the passed element.</div>\r
 524             <div class="long">\r
 525                 Return the HtmlElement representing the grid row which contains the passed element.    <div class="mdetail-params">\r
 526         <strong>Parameters:</strong>\r
 527         <ul><li><code>el</code> : Element<div class="sub-desc">The target element</div></li>        </ul>\r
 528         <strong>Returns:</strong>\r
 529         <ul>\r
 530             <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
 531         </ul>\r
 532     </div>\r
 533                 </div>\r
 534                         </div>\r
 535         </td>\r
 536         <td class="msource"><a ext:cls="Ext.grid.GridView" ext:member="#findRow" href="output/Ext.grid.GridView.html#findRow">GridView</a></td>\r
 537     </tr>\r
 538         <tr class="method-row inherited expandable">\r
 539         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
 540         <td class="sig">\r
 541         <a id="Ext.grid.GroupingView-findRowIndex"></a>\r
 542             <b>findRowIndex</b>(&nbsp;<code>Element el</code>&nbsp;) : The            <div class="mdesc">\r
 543                         <div class="short">Return the index of the grid row which contains the passed element.</div>\r
 544             <div class="long">\r
 545                 Return the index of the grid row which contains the passed element.    <div class="mdetail-params">\r
 546         <strong>Parameters:</strong>\r
 547         <ul><li><code>el</code> : Element<div class="sub-desc">The target element</div></li>        </ul>\r
 548         <strong>Returns:</strong>\r
 549         <ul>\r
 550             <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
 551         </ul>\r
 552     </div>\r
 553                 </div>\r
 554                         </div>\r
 555         </td>\r
 556         <td class="msource"><a ext:cls="Ext.grid.GridView" ext:member="#findRowIndex" href="output/Ext.grid.GridView.html#findRowIndex">GridView</a></td>\r
 557     </tr>\r
 558         <tr class="method-row inherited alt expandable">\r
 559         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
 560         <td class="sig">\r
 561         <a id="Ext.grid.GroupingView-fireEvent"></a>\r
 562             <b>fireEvent</b>(&nbsp;<code>String eventName</code>, <code>Object... args</code>&nbsp;) : Boolean            <div class="mdesc">\r
 563                         <div class="short">Fires the specified event with the passed parameters (minus the event name).</div>\r
 564             <div class="long">\r
 565                 Fires the specified event with the passed parameters (minus the event name).    <div class="mdetail-params">\r
 566         <strong>Parameters:</strong>\r
 567         <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
 568         <strong>Returns:</strong>\r
 569         <ul>\r
 570             <li><code>Boolean</code><div class="sub-desc">returns false if any of the handlers return false otherwise it returns true</div></li>\r
 571         </ul>\r
 572     </div>\r
 573                 </div>\r
 574                         </div>\r
 575         </td>\r
 576         <td class="msource"><a ext:cls="Ext.util.Observable" ext:member="#fireEvent" href="output/Ext.util.Observable.html#fireEvent">Observable</a></td>\r
 577     </tr>\r
 578         <tr class="method-row inherited expandable">\r
 579         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
 580         <td class="sig">\r
 581         <a id="Ext.grid.GroupingView-focusCell"></a>\r
 582             <b>focusCell</b>(&nbsp;<code>Number row</code>, <code>Number col</code>&nbsp;) : void            <div class="mdesc">\r
 583                         <div class="short">Focuses the specified cell.</div>\r
 584             <div class="long">\r
 585                 Focuses the specified cell.    <div class="mdetail-params">\r
 586         <strong>Parameters:</strong>\r
 587         <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
 588         <strong>Returns:</strong>\r
 589         <ul>\r
 590             <li><code>void</code></li>\r
 591         </ul>\r
 592     </div>\r
 593                 </div>\r
 594                         </div>\r
 595         </td>\r
 596         <td class="msource"><a ext:cls="Ext.grid.GridView" ext:member="#focusCell" href="output/Ext.grid.GridView.html#focusCell">GridView</a></td>\r
 597     </tr>\r
 598         <tr class="method-row inherited alt expandable">\r
 599         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
 600         <td class="sig">\r
 601         <a id="Ext.grid.GroupingView-focusRow"></a>\r
 602             <b>focusRow</b>(&nbsp;<code>Number row</code>&nbsp;) : void            <div class="mdesc">\r
 603                         <div class="short">Focuses the specified row.</div>\r
 604             <div class="long">\r
 605                 Focuses the specified row.    <div class="mdetail-params">\r
 606         <strong>Parameters:</strong>\r
 607         <ul><li><code>row</code> : Number<div class="sub-desc">The row index</div></li>        </ul>\r
 608         <strong>Returns:</strong>\r
 609         <ul>\r
 610             <li><code>void</code></li>\r
 611         </ul>\r
 612     </div>\r
 613                 </div>\r
 614                         </div>\r
 615         </td>\r
 616         <td class="msource"><a ext:cls="Ext.grid.GridView" ext:member="#focusRow" href="output/Ext.grid.GridView.html#focusRow">GridView</a></td>\r
 617     </tr>\r
 618         <tr class="method-row inherited expandable">\r
 619         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
 620         <td class="sig">\r
 621         <a id="Ext.grid.GroupingView-getCell"></a>\r
 622             <b>getCell</b>(&nbsp;<code>Number row</code>, <code>Number col</code>&nbsp;) : HtmlElement            <div class="mdesc">\r
 623                         <div class="short">Returns the grid's &lt;TD> HtmlElement at the specified coordinates.</div>\r
 624             <div class="long">\r
 625                 Returns the grid's &lt;TD> HtmlElement at the specified coordinates.    <div class="mdetail-params">\r
 626         <strong>Parameters:</strong>\r
 627         <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
 628         <strong>Returns:</strong>\r
 629         <ul>\r
 630             <li><code>HtmlElement</code><div class="sub-desc">The &lt;TD> at the specified coordinates.</div></li>\r
 631         </ul>\r
 632     </div>\r
 633                 </div>\r
 634                         </div>\r
 635         </td>\r
 636         <td class="msource"><a ext:cls="Ext.grid.GridView" ext:member="#getCell" href="output/Ext.grid.GridView.html#getCell">GridView</a></td>\r
 637     </tr>\r
 638         <tr class="method-row alt expandable">\r
 639         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
 640         <td class="sig">\r
 641         <a id="Ext.grid.GroupingView-getGroupId"></a>\r
 642             <b>getGroupId</b>(&nbsp;<code>String value</code>&nbsp;) : String            <div class="mdesc">\r
 643                         <div class="short">Dynamically tries to determine the groupId of a specific value</div>\r
 644             <div class="long">\r
 645                 Dynamically tries to determine the groupId of a specific value    <div class="mdetail-params">\r
 646         <strong>Parameters:</strong>\r
 647         <ul><li><code>value</code> : String<div class="sub-desc"></div></li>        </ul>\r
 648         <strong>Returns:</strong>\r
 649         <ul>\r
 650             <li><code>String</code><div class="sub-desc">The group id</div></li>\r
 651         </ul>\r
 652     </div>\r
 653                 </div>\r
 654                         </div>\r
 655         </td>\r
 656         <td class="msource">GroupingView</td>\r
 657     </tr>\r
 658         <tr class="method-row inherited expandable">\r
 659         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
 660         <td class="sig">\r
 661         <a id="Ext.grid.GroupingView-getHeaderCell"></a>\r
 662             <b>getHeaderCell</b>(&nbsp;<code>Number index</code>&nbsp;) : HtmlElement            <div class="mdesc">\r
 663                         <div class="short">Return the &lt;TD> HtmlElement which represents the Grid's header cell for the specified column index.</div>\r
 664             <div class="long">\r
 665                 Return the &lt;TD> HtmlElement which represents the Grid's header cell for the specified column index.    <div class="mdetail-params">\r
 666         <strong>Parameters:</strong>\r
 667         <ul><li><code>index</code> : Number<div class="sub-desc">The column index</div></li>        </ul>\r
 668         <strong>Returns:</strong>\r
 669         <ul>\r
 670             <li><code>HtmlElement</code><div class="sub-desc">The &lt;TD> element.</div></li>\r
 671         </ul>\r
 672     </div>\r
 673                 </div>\r
 674                         </div>\r
 675         </td>\r
 676         <td class="msource"><a ext:cls="Ext.grid.GridView" ext:member="#getHeaderCell" href="output/Ext.grid.GridView.html#getHeaderCell">GridView</a></td>\r
 677     </tr>\r
 678         <tr class="method-row inherited alt expandable">\r
 679         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
 680         <td class="sig">\r
 681         <a id="Ext.grid.GroupingView-getRow"></a>\r
 682             <b>getRow</b>(&nbsp;<code>Number index</code>&nbsp;) : HtmlElement            <div class="mdesc">\r
 683                         <div class="short">Return the &lt;TR> HtmlElement which represents a Grid row for the specified index.</div>\r
 684             <div class="long">\r
 685                 Return the &lt;TR> HtmlElement which represents a Grid row for the specified index.    <div class="mdetail-params">\r
 686         <strong>Parameters:</strong>\r
 687         <ul><li><code>index</code> : Number<div class="sub-desc">The row index</div></li>        </ul>\r
 688         <strong>Returns:</strong>\r
 689         <ul>\r
 690             <li><code>HtmlElement</code><div class="sub-desc">The &lt;TR> element.</div></li>\r
 691         </ul>\r
 692     </div>\r
 693                 </div>\r
 694                         </div>\r
 695         </td>\r
 696         <td class="msource"><a ext:cls="Ext.grid.GridView" ext:member="#getRow" href="output/Ext.grid.GridView.html#getRow">GridView</a></td>\r
 697     </tr>\r
 698         <tr class="method-row inherited expandable">\r
 699         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
 700         <td class="sig">\r
 701         <a id="Ext.grid.GroupingView-getRowClass"></a>\r
 702             <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
 703                         <div class="short">Override this function to apply custom CSS classes to rows during rendering.  You can also supply custom
 704 parameters t...</div>\r
 705             <div class="long">\r
 706                 Override this function to apply custom CSS classes to rows during rendering.  You can also supply custom
 707 parameters to the row template for the current row to customize how it is rendered using the <b>rowParams</b>
 708 parameter.  This function should return the CSS class name (or empty string '' for none) that will be added
 709 to the row's wrapping div.  To apply multiple class names, simply return them space-delimited within the string
 710 (e.g., 'my-class another-class').    <div class="mdetail-params">\r
 711         <strong>Parameters:</strong>\r
 712         <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
 713 customization of various aspects of a body row, if applicable. Note that this object will only be applied if
 714 <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>
 715 <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>
 716 <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>
 717 <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
 718 column count of the grid).</div></li>
 719 </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
 720         <strong>Returns:</strong>\r
 721         <ul>\r
 722             <li><code>String</code><div class="sub-desc">a CSS class name to add to the row.</div></li>\r
 723         </ul>\r
 724     </div>\r
 725                 </div>\r
 726                         </div>\r
 727         </td>\r
 728         <td class="msource"><a ext:cls="Ext.grid.GridView" ext:member="#getRowClass" href="output/Ext.grid.GridView.html#getRowClass">GridView</a></td>\r
 729     </tr>\r
 730         <tr class="method-row inherited alt expandable">\r
 731         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
 732         <td class="sig">\r
 733         <a id="Ext.grid.GroupingView-hasListener"></a>\r
 734             <b>hasListener</b>(&nbsp;<code>String eventName</code>&nbsp;) : Boolean            <div class="mdesc">\r
 735                         <div class="short">Checks to see if this object has any listeners for a specified event</div>\r
 736             <div class="long">\r
 737                 Checks to see if this object has any listeners for a specified event    <div class="mdetail-params">\r
 738         <strong>Parameters:</strong>\r
 739         <ul><li><code>eventName</code> : String<div class="sub-desc">The name of the event to check for</div></li>        </ul>\r
 740         <strong>Returns:</strong>\r
 741         <ul>\r
 742             <li><code>Boolean</code><div class="sub-desc">True if the event is being listened for, else false</div></li>\r
 743         </ul>\r
 744     </div>\r
 745                 </div>\r
 746                         </div>\r
 747         </td>\r
 748         <td class="msource"><a ext:cls="Ext.util.Observable" ext:member="#hasListener" href="output/Ext.util.Observable.html#hasListener">Observable</a></td>\r
 749     </tr>\r
 750         <tr class="method-row inherited expandable">\r
 751         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
 752         <td class="sig">\r
 753         <a id="Ext.grid.GroupingView-on"></a>\r
 754             <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
 755                         <div class="short">Appends an event handler to this element (shorthand for addListener)</div>\r
 756             <div class="long">\r
 757                 Appends an event handler to this element (shorthand for addListener)    <div class="mdetail-params">\r
 758         <strong>Parameters:</strong>\r
 759         <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
 760 function. The handler function's "this" context.</div></li><li><code>options</code> : Object<div class="sub-desc">(optional)</div></li>        </ul>\r
 761         <strong>Returns:</strong>\r
 762         <ul>\r
 763             <li><code>void</code></li>\r
 764         </ul>\r
 765     </div>\r
 766                 </div>\r
 767                         </div>\r
 768         </td>\r
 769         <td class="msource"><a ext:cls="Ext.util.Observable" ext:member="#on" href="output/Ext.util.Observable.html#on">Observable</a></td>\r
 770     </tr>\r
 771         <tr class="method-row inherited alt expandable">\r
 772         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
 773         <td class="sig">\r
 774         <a id="Ext.grid.GroupingView-purgeListeners"></a>\r
 775             <b>purgeListeners</b>() : void            <div class="mdesc">\r
 776                         <div class="short">Removes all listeners for this object</div>\r
 777             <div class="long">\r
 778                 Removes all listeners for this object    <div class="mdetail-params">\r
 779         <strong>Parameters:</strong>\r
 780         <ul><li>None.</li>        </ul>\r
 781         <strong>Returns:</strong>\r
 782         <ul>\r
 783             <li><code>void</code></li>\r
 784         </ul>\r
 785     </div>\r
 786                 </div>\r
 787                         </div>\r
 788         </td>\r
 789         <td class="msource"><a ext:cls="Ext.util.Observable" ext:member="#purgeListeners" href="output/Ext.util.Observable.html#purgeListeners">Observable</a></td>\r
 790     </tr>\r
 791         <tr class="method-row inherited expandable">\r
 792         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
 793         <td class="sig">\r
 794         <a id="Ext.grid.GroupingView-refresh"></a>\r
 795             <b>refresh</b>(&nbsp;<span class="optional" title="Optional">[<code>Boolean headersToo</code>]</span>&nbsp;) : void            <div class="mdesc">\r
 796                         <div class="short">Refreshs the grid UI</div>\r
 797             <div class="long">\r
 798                 Refreshs the grid UI    <div class="mdetail-params">\r
 799         <strong>Parameters:</strong>\r
 800         <ul><li><code>headersToo</code> : Boolean<div class="sub-desc">(optional) True to also refresh the headers</div></li>        </ul>\r
 801         <strong>Returns:</strong>\r
 802         <ul>\r
 803             <li><code>void</code></li>\r
 804         </ul>\r
 805     </div>\r
 806                 </div>\r
 807                         </div>\r
 808         </td>\r
 809         <td class="msource"><a ext:cls="Ext.grid.GridView" ext:member="#refresh" href="output/Ext.grid.GridView.html#refresh">GridView</a></td>\r
 810     </tr>\r
 811         <tr class="method-row inherited alt expandable">\r
 812         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
 813         <td class="sig">\r
 814         <a id="Ext.grid.GroupingView-relayEvents"></a>\r
 815             <b>relayEvents</b>(&nbsp;<code>Object o</code>, <code>Array events</code>&nbsp;) : void            <div class="mdesc">\r
 816                         <div class="short">Relays selected events from the specified Observable as if the events were fired by <tt><b>this</b></tt>.</div>\r
 817             <div class="long">\r
 818                 Relays selected events from the specified Observable as if the events were fired by <tt><b>this</b></tt>.    <div class="mdetail-params">\r
 819         <strong>Parameters:</strong>\r
 820         <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
 821         <strong>Returns:</strong>\r
 822         <ul>\r
 823             <li><code>void</code></li>\r
 824         </ul>\r
 825     </div>\r
 826                 </div>\r
 827                         </div>\r
 828         </td>\r
 829         <td class="msource"><a ext:cls="Ext.util.Observable" ext:member="#relayEvents" href="output/Ext.util.Observable.html#relayEvents">Observable</a></td>\r
 830     </tr>\r
 831         <tr class="method-row inherited expandable">\r
 832         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
 833         <td class="sig">\r
 834         <a id="Ext.grid.GroupingView-removeListener"></a>\r
 835             <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
 836                         <div class="short">Removes a listener</div>\r
 837             <div class="long">\r
 838                 Removes a listener    <div class="mdetail-params">\r
 839         <strong>Parameters:</strong>\r
 840         <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
 841         <strong>Returns:</strong>\r
 842         <ul>\r
 843             <li><code>void</code></li>\r
 844         </ul>\r
 845     </div>\r
 846                 </div>\r
 847                         </div>\r
 848         </td>\r
 849         <td class="msource"><a ext:cls="Ext.util.Observable" ext:member="#removeListener" href="output/Ext.util.Observable.html#removeListener">Observable</a></td>\r
 850     </tr>\r
 851         <tr class="method-row inherited alt expandable">\r
 852         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
 853         <td class="sig">\r
 854         <a id="Ext.grid.GroupingView-resumeEvents"></a>\r
 855             <b>resumeEvents</b>() : void            <div class="mdesc">\r
 856                         <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
 857             <div class="long">\r
 858                 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
 859         <strong>Parameters:</strong>\r
 860         <ul><li>None.</li>        </ul>\r
 861         <strong>Returns:</strong>\r
 862         <ul>\r
 863             <li><code>void</code></li>\r
 864         </ul>\r
 865     </div>\r
 866                 </div>\r
 867                         </div>\r
 868         </td>\r
 869         <td class="msource"><a ext:cls="Ext.util.Observable" ext:member="#resumeEvents" href="output/Ext.util.Observable.html#resumeEvents">Observable</a></td>\r
 870     </tr>\r
 871         <tr class="method-row inherited expandable">\r
 872         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
 873         <td class="sig">\r
 874         <a id="Ext.grid.GroupingView-scrollToTop"></a>\r
 875             <b>scrollToTop</b>() : void            <div class="mdesc">\r
 876                         <div class="short">Scrolls the grid to the top</div>\r
 877             <div class="long">\r
 878                 Scrolls the grid to the top    <div class="mdetail-params">\r
 879         <strong>Parameters:</strong>\r
 880         <ul><li>None.</li>        </ul>\r
 881         <strong>Returns:</strong>\r
 882         <ul>\r
 883             <li><code>void</code></li>\r
 884         </ul>\r
 885     </div>\r
 886                 </div>\r
 887                         </div>\r
 888         </td>\r
 889         <td class="msource"><a ext:cls="Ext.grid.GridView" ext:member="#scrollToTop" href="output/Ext.grid.GridView.html#scrollToTop">GridView</a></td>\r
 890     </tr>\r
 891         <tr class="method-row inherited alt expandable">\r
 892         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
 893         <td class="sig">\r
 894         <a id="Ext.grid.GroupingView-suspendEvents"></a>\r
 895             <b>suspendEvents</b>() : void            <div class="mdesc">\r
 896                         <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
 897             <div class="long">\r
 898                 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
 899         <strong>Parameters:</strong>\r
 900         <ul><li>None.</li>        </ul>\r
 901         <strong>Returns:</strong>\r
 902         <ul>\r
 903             <li><code>void</code></li>\r
 904         </ul>\r
 905     </div>\r
 906                 </div>\r
 907                         </div>\r
 908         </td>\r
 909         <td class="msource"><a ext:cls="Ext.util.Observable" ext:member="#suspendEvents" href="output/Ext.util.Observable.html#suspendEvents">Observable</a></td>\r
 910     </tr>\r
 911         <tr class="method-row expandable">\r
 912         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
 913         <td class="sig">\r
 914         <a id="Ext.grid.GroupingView-toggleAllGroups"></a>\r
 915             <b>toggleAllGroups</b>(&nbsp;<span class="optional" title="Optional">[<code>Boolean expanded</code>]</span>&nbsp;) : void            <div class="mdesc">\r
 916                         <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
 917             <div class="long">\r
 918                 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
 919         <strong>Parameters:</strong>\r
 920         <ul><li><code>expanded</code> : Boolean<div class="sub-desc">(optional)</div></li>        </ul>\r
 921         <strong>Returns:</strong>\r
 922         <ul>\r
 923             <li><code>void</code></li>\r
 924         </ul>\r
 925     </div>\r
 926                 </div>\r
 927                         </div>\r
 928         </td>\r
 929         <td class="msource">GroupingView</td>\r
 930     </tr>\r
 931         <tr class="method-row alt expandable">\r
 932         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
 933         <td class="sig">\r
 934         <a id="Ext.grid.GroupingView-toggleGroup"></a>\r
 935             <b>toggleGroup</b>(&nbsp;<code>String groupId</code>, <span class="optional" title="Optional">[<code>Boolean expanded</code>]</span>&nbsp;) : void            <div class="mdesc">\r
 936                         <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
 937             <div class="long">\r
 938                 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
 939         <strong>Parameters:</strong>\r
 940         <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
 941         <strong>Returns:</strong>\r
 942         <ul>\r
 943             <li><code>void</code></li>\r
 944         </ul>\r
 945     </div>\r
 946                 </div>\r
 947                         </div>\r
 948         </td>\r
 949         <td class="msource">GroupingView</td>\r
 950     </tr>\r
 951         <tr class="method-row inherited expandable">\r
 952         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
 953         <td class="sig">\r
 954         <a id="Ext.grid.GroupingView-un"></a>\r
 955             <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
 956                         <div class="short">Removes a listener (shorthand for removeListener)</div>\r
 957             <div class="long">\r
 958                 Removes a listener (shorthand for removeListener)    <div class="mdetail-params">\r
 959         <strong>Parameters:</strong>\r
 960         <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
 961         <strong>Returns:</strong>\r
 962         <ul>\r
 963             <li><code>void</code></li>\r
 964         </ul>\r
 965     </div>\r
 966                 </div>\r
 967                         </div>\r
 968         </td>\r
 969         <td class="msource"><a ext:cls="Ext.util.Observable" ext:member="#un" href="output/Ext.util.Observable.html#un">Observable</a></td>\r
 970     </tr>\r
 971             </table>
 972                 <a id="Ext.grid.GroupingView-events"></a>
 973         <h2>Public Events</h2>
 974                 <table cellspacing="0" class="member-table">
 975             <tr>
 976                 <th class="sig-header" colspan="2">Event</th>
 977                 <th class="msource-header">Defined By</th>
 978             </tr>
 979                 <tr class="event-row inherited expandable">\r
 980         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
 981         <td class="sig">\r
 982         <a id="Ext.grid.GroupingView-beforerefresh"></a>\r
 983             <b>beforerefresh</b> : (&nbsp;<code>Ext.grid.GridView view</code>&nbsp;)            <div class="mdesc">\r
 984                         <div class="short">Internal UI Event. Fired before the view is refreshed.</div>\r
 985             <div class="long">\r
 986                 Internal UI Event. Fired before the view is refreshed.    <div class="mdetail-params">\r
 987         <strong style="font-weight:normal;">Listeners will be called with the following arguments:</strong>\r
 988         <ul><li><code>view</code> : Ext.grid.GridView<div class="sub-desc"></div></li>        </ul>\r
 989     </div>\r
 990                 </div>\r
 991                         </div>\r
 992         </td>\r
 993         <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
 994     </tr>\r
 995         <tr class="event-row inherited alt expandable">\r
 996         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
 997         <td class="sig">\r
 998         <a id="Ext.grid.GroupingView-beforerowremoved"></a>\r
 999             <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
1000                         <div class="short">Internal UI Event. Fired before a row is removed.</div>\r
1001             <div class="long">\r
1002                 Internal UI Event. Fired before a row is removed.    <div class="mdetail-params">\r
1003         <strong style="font-weight:normal;">Listeners will be called with the following arguments:</strong>\r
1004         <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
1005     </div>\r
1006                 </div>\r
1007                         </div>\r
1008         </td>\r
1009         <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
1010     </tr>\r
1011         <tr class="event-row inherited expandable">\r
1012         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
1013         <td class="sig">\r
1014         <a id="Ext.grid.GroupingView-beforerowsinserted"></a>\r
1015             <b>beforerowsinserted</b> : (&nbsp;<code>Ext.grid.GridView view</code>, <code>Number firstRow</code>, <code>Number lastRow</code>&nbsp;)            <div class="mdesc">\r
1016                         <div class="short">Internal UI Event. Fired before rows are inserted.</div>\r
1017             <div class="long">\r
1018                 Internal UI Event. Fired before rows are inserted.    <div class="mdetail-params">\r
1019         <strong style="font-weight:normal;">Listeners will be called with the following arguments:</strong>\r
1020         <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
1021     </div>\r
1022                 </div>\r
1023                         </div>\r
1024         </td>\r
1025         <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
1026     </tr>\r
1027         <tr class="event-row inherited alt expandable">\r
1028         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
1029         <td class="sig">\r
1030         <a id="Ext.grid.GroupingView-refresh"></a>\r
1031             <b>refresh</b> : (&nbsp;<code>Ext.grid.GridView view</code>&nbsp;)            <div class="mdesc">\r
1032                         <div class="short">Internal UI Event. Fired after the GridView's body has been refreshed.</div>\r
1033             <div class="long">\r
1034                 Internal UI Event. Fired after the GridView's body has been refreshed.    <div class="mdetail-params">\r
1035         <strong style="font-weight:normal;">Listeners will be called with the following arguments:</strong>\r
1036         <ul><li><code>view</code> : Ext.grid.GridView<div class="sub-desc"></div></li>        </ul>\r
1037     </div>\r
1038                 </div>\r
1039                         </div>\r
1040         </td>\r
1041         <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
1042     </tr>\r
1043         <tr class="event-row inherited expandable">\r
1044         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
1045         <td class="sig">\r
1046         <a id="Ext.grid.GroupingView-rowremoved"></a>\r
1047             <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
1048                         <div class="short">Internal UI Event. Fired after a row is removed.</div>\r
1049             <div class="long">\r
1050                 Internal UI Event. Fired after a row is removed.    <div class="mdetail-params">\r
1051         <strong style="font-weight:normal;">Listeners will be called with the following arguments:</strong>\r
1052         <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
1053     </div>\r
1054                 </div>\r
1055                         </div>\r
1056         </td>\r
1057         <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
1058     </tr>\r
1059         <tr class="event-row inherited alt expandable">\r
1060         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
1061         <td class="sig">\r
1062         <a id="Ext.grid.GroupingView-rowsinserted"></a>\r
1063             <b>rowsinserted</b> : (&nbsp;<code>Ext.grid.GridView view</code>, <code>Number firstRow</code>, <code>Number lastRow</code>&nbsp;)            <div class="mdesc">\r
1064                         <div class="short">Internal UI Event. Fired after rows are inserted.</div>\r
1065             <div class="long">\r
1066                 Internal UI Event. Fired after rows are inserted.    <div class="mdetail-params">\r
1067         <strong style="font-weight:normal;">Listeners will be called with the following arguments:</strong>\r
1068         <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
1069     </div>\r
1070                 </div>\r
1071                         </div>\r
1072         </td>\r
1073         <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
1074     </tr>\r
1075         <tr class="event-row inherited expandable">\r
1076         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
1077         <td class="sig">\r
1078         <a id="Ext.grid.GroupingView-rowupdated"></a>\r
1079             <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
1080                         <div class="short">Internal UI Event. Fired after a row has been updated.</div>\r
1081             <div class="long">\r
1082                 Internal UI Event. Fired after a row has been updated.    <div class="mdetail-params">\r
1083         <strong style="font-weight:normal;">Listeners will be called with the following arguments:</strong>\r
1084         <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
1085     </div>\r
1086                 </div>\r
1087                         </div>\r
1088         </td>\r
1089         <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
1090     </tr>\r
1091             </table>
1092
1093         </div>