2 * @example Grouping Grid Panel
4 * A grid panel that demonstrates grouping rows using the {@link Ext.grid.feature.Grouping} feature
6 Ext.require('Ext.data.Store');
7 Ext.require('Ext.grid.Panel');
9 Ext.define('Employee', {
10 extend: 'Ext.data.Model',
11 fields: [ 'name', 'seniority', 'department' ]
14 Ext.onReady(function() {
16 var employeeStore = Ext.create('Ext.data.Store', {
19 { name: 'Michael Scott', seniority: 7, department: 'Manangement' },
20 { name: 'Dwight Schrute', seniority: 2, department: 'Sales' },
21 { name: 'Jim Halpert', seniority: 3, department: 'Sales' },
22 { name: 'Kevin Malone', seniority: 4, department: 'Accounting' },
23 { name: 'Angela Martin', seniority: 5, department: 'Accounting' }
25 groupField: 'department'
28 Ext.create('Ext.grid.Panel', {
29 renderTo: Ext.getBody(),
33 title: 'Employees - Scranton Branch',
43 dataIndex: 'seniority'
46 features: [{ ftype: 'grouping' }]