Upgrade to ExtJS 3.1.1 - Released 02/08/2010
[extjs.git] / examples / grid / grouping.js
index 0699773..9066934 100644 (file)
@@ -1,15 +1,16 @@
 /*!
 /*!
- * Ext JS Library 3.1.0
- * Copyright(c) 2006-2009 Ext JS, LLC
+ * Ext JS Library 3.1.1
+ * Copyright(c) 2006-2010 Ext JS, LLC
  * licensing@extjs.com
  * http://www.extjs.com/license
  */
 Ext.onReady(function(){\r
 \r
     Ext.QuickTips.init();\r
  * licensing@extjs.com
  * http://www.extjs.com/license
  */
 Ext.onReady(function(){\r
 \r
     Ext.QuickTips.init();\r
-    \r
+\r
     var xg = Ext.grid;\r
 \r
     var xg = Ext.grid;\r
 \r
+\r
     // shared reader\r
     var reader = new Ext.data.ArrayReader({}, [\r
        {name: 'company'},\r
     // shared reader\r
     var reader = new Ext.data.ArrayReader({}, [\r
        {name: 'company'},\r
@@ -21,14 +22,15 @@ Ext.onReady(function(){
        {name: 'desc'}\r
     ]);\r
 \r
        {name: 'desc'}\r
     ]);\r
 \r
-    var grid = new xg.GridPanel({\r
-        store: new Ext.data.GroupingStore({\r
+    var store = new Ext.data.GroupingStore({\r
             reader: reader,\r
             data: xg.dummyData,\r
             sortInfo:{field: 'company', direction: "ASC"},\r
             groupField:'industry'\r
             reader: reader,\r
             data: xg.dummyData,\r
             sortInfo:{field: 'company', direction: "ASC"},\r
             groupField:'industry'\r
-        }),\r
+        });\r
 \r
 \r
+    var grid = new xg.GridPanel({\r
+        store: store,\r
         columns: [\r
             {id:'company',header: "Company", width: 60, sortable: true, dataIndex: 'company'},\r
             {header: "Price", width: 20, sortable: true, renderer: Ext.util.Format.usMoney, dataIndex: 'price'},\r
         columns: [\r
             {id:'company',header: "Company", width: 60, sortable: true, dataIndex: 'company'},\r
             {header: "Price", width: 20, sortable: true, renderer: Ext.util.Format.usMoney, dataIndex: 'price'},\r
@@ -49,6 +51,13 @@ Ext.onReady(function(){
         animCollapse: false,\r
         title: 'Grouping Example',\r
         iconCls: 'icon-grid',\r
         animCollapse: false,\r
         title: 'Grouping Example',\r
         iconCls: 'icon-grid',\r
+        fbar  : ['->', {\r
+            text:'Clear Grouping',\r
+            iconCls: 'icon-clear-group',\r
+            handler : function(){\r
+                store.clearGrouping();\r
+            }\r
+        }],\r
         renderTo: document.body\r
     });\r
 });\r
         renderTo: document.body\r
     });\r
 });\r