X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/6e39d509471fe9b4e2660e0d1631b350d0c66f40..0494b8d9b9bb03ab6c22b34dae81261e3cd7e3e6:/docs/output/Ext.grid.GroupingView.html diff --git a/docs/output/Ext.grid.GroupingView.html b/docs/output/Ext.grid.GroupingView.html index bf6e2462..d8271878 100644 --- a/docs/output/Ext.grid.GroupingView.html +++ b/docs/output/Ext.grid.GroupingView.html @@ -1,109 +1,115 @@ -
Observable
  GridView
    GroupingView

Class Ext.grid.GroupingView

Package:Ext.grid
Defined In:GroupingView.js
Class:GroupingView
Extends:GridView
Adds the ability for single level grouping to the grid. A GroupingStore -must be used to enable grouping. Some grouping characteristics may also be configured at the -Column level
-

Sample usage:

-

-var grid = new Ext.grid.GridPanel({
-    // A groupingStore is required for a GroupingView

-    store: new Ext.data.GroupingStore({
-        autoDestroy: true,
-        reader: reader,
-        data: xg.dummyData,
-        sortInfo: {field: 'company', direction: 'ASC'},
-        groupOnSort: true,
-        remoteGroup: true,
-        groupField: 'industry'
-    }),
-    colModel: new Ext.grid.ColumnModel({
-        columns:[
-            {id:'company',header: 'Company', width: 60, dataIndex: 'company'},
-            // groupable, groupName, groupRender are also configurable at column level

-            {header: 'Price', renderer: Ext.util.Format.usMoney, dataIndex: 'price', groupable: false},
-            {header: 'Change', dataIndex: 'change', renderer: Ext.util.Format.usMoney},
-            {header: 'Industry', dataIndex: 'industry'},
-            {header: 'Last Updated', renderer: Ext.util.Format.dateRenderer('m/d/Y'), dataIndex: 'lastChange'}
-        ],
-        defaults: {
-            sortable: true,
-            menuDisabled: false,
-            width: 20
-        }
-    }),
-
-    view: new Ext.grid.GroupingView({
-        forceFit: true,
-        // custom grouping text template to display the number of items per group

-        groupTextTpl: '{text} ({[values.rs.length]} {[values.rs.length > 1 ? "Items" : "Item"]})'
-    }),
-
-    frame:true,
-    width: 700,
-    height: 450,
-    collapsible: true,
-    animCollapse: false,
-    title: 'Grouping Example',
-    iconCls: 'icon-grid',
-    renderTo: document.body
-});

Config Options

Config OptionsDefined By