/*!
- * 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
- \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