3 * Copyright(c) 2006-2010 Sencha Inc.
5 * http://www.sencha.com/license
8 * Multiple PivotGrid examples. Each PivotGrid shares a common Record and Store and simply presents
9 * the data in a different way. For full details on using PivotGrid see the API documentation.
11 Ext.onReady(function() {
12 var PersonRecord = Ext.data.Record.create([
13 {name: 'eyeColor', type: 'string'},
14 {name: 'birthDecade', type: 'string'},
15 {name: 'handedness', type: 'string'},
16 {name: 'gender', type: 'string'},
17 {name: 'height', type: 'int'},
18 {name: 'iq', type: 'int'}
21 var myStore = new Ext.data.Store({
24 reader: new Ext.data.JsonReader({
30 var averageHeight = new Ext.grid.PivotGrid({
31 title : 'Average height',
34 renderTo : 'avgHeight',
39 //turns a decimal number of feet into feet and inches
40 renderer : function(value) {
41 var feet = Math.floor(value),
42 inches = Math.round((value - feet) * 12);
44 return String.format("{0}' {1}\"", feet, inches);
50 dataIndex: 'birthDecade'
59 dataIndex: 'handedness'
64 var perDecade = new Ext.grid.PivotGrid({
65 title : 'Number of people born per decade',
68 renderTo : 'perDecade',
75 dataIndex: 'birthDecade'
86 var maxIQ = new Ext.grid.PivotGrid({
87 title : 'Max IQ per decade',
98 dataIndex: 'birthDecade'
101 dataIndex: 'handedness'