-/*\r
- * Ext JS Library 2.2.1\r
- * Copyright(c) 2006-2009, Ext JS, LLC.\r
- * licensing@extjs.com\r
- * \r
- * http://extjs.com/license\r
- */\r
-\r
+/*!
+ * 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
- \r
+\r
var xg = Ext.grid;\r
\r
+\r
// shared reader\r
var reader = new Ext.data.ArrayReader({}, [\r
{name: 'company'},\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
- }),\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
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