Upgrade to ExtJS 3.3.0 - Released 10/06/2010

[extjs.git] / examples / pivotgrid / simple.js

diff --git a/examples/pivotgrid/simple.js b/examples/pivotgrid/simple.js
new file mode 100644 (file)
index 0000000..4c0d96a
--- /dev/null
+++ b/examples/pivotgrid/simple.js
@@ -0,0 +1,62 @@
+/*!
+ * Ext JS Library 3.3.0
+ * Copyright(c) 2006-2010 Ext JS, Inc.
+ * licensing@extjs.com
+ * http://www.extjs.com/license
+ */
+Ext.onReady(function() {
+    var SaleRecord = Ext.data.Record.create([
+        {name: 'person',   type: 'string'},
+        {name: 'product',  type: 'string'},
+        {name: 'city',     type: 'string'},
+        {name: 'state',    type: 'string'},
+        {name: 'month',    type: 'int'},
+        {name: 'quarter',  type: 'int'},
+        {name: 'year',     type: 'int'},
+        {name: 'quantity', type: 'int'},
+        {name: 'value',    type: 'int'}
+    ]);
+    
+    var myStore = new Ext.data.Store({
+        url: 'simple.json',
+        autoLoad: true,
+        reader: new Ext.data.JsonReader({
+            root: 'rows',
+            idProperty: 'id'
+        }, SaleRecord)
+    });
+    
+    var pivotGrid = new Ext.grid.PivotGrid({
+        title     : 'PivotGrid example',
+        width     : 800,
+        height    : 259,
+        renderTo  : 'docbody',
+        store     : myStore,
+        aggregator: 'sum',
+        measure   : 'value',
+        
+        viewConfig: {
+            title: 'Sales Performance'
+        },
+        
+        leftAxis: [
+            {
+                width: 80,
+                dataIndex: 'person'
+            },
+            {
+                width: 90,
+                dataIndex: 'product'
+            }
+        ],
+        
+        topAxis: [
+            {
+                dataIndex: 'year'
+            },
+            {
+                dataIndex: 'city'
+            }
+        ]
+    });
+});
\ No newline at end of file