/* * GWT-Ext Widget Library * Copyright(c) 2007-2008, GWT-Ext. * licensing@gwt-ext.com * * http://www.gwt-ext.com/license */ import com.google.gwt.core.client.EntryPoint; import com.google.gwt.user.client.ui.RootPanel; import com.gwtext.client.core.SortDir; import com.gwtext.client.data.*; import com.gwtext.client.widgets.Panel; import com.gwtext.client.widgets.grid.ColumnConfig; import com.gwtext.client.widgets.grid.ColumnModel; import com.gwtext.client.widgets.grid.GridPanel; import com.gwtext.client.widgets.grid.GroupingView; public class GridGroupingSample implements EntryPoint { public void onModuleLoad() { Panel panel = new Panel(); panel.setBorder(false); panel.setPaddings(15); MemoryProxy proxy = new MemoryProxy(getCompanyData()); RecordDef recordDef = new RecordDef( new FieldDef[]{ new StringFieldDef("company"), new FloatFieldDef("price"), new FloatFieldDef("change"), new FloatFieldDef("pctChange"), new DateFieldDef("lastChanged", "n/j h:ia"), new StringFieldDef("symbol"), new StringFieldDef("industry") } ); ArrayReader reader = new ArrayReader(recordDef); GroupingStore store = new GroupingStore(); store.setReader(reader); store.setDataProxy(proxy); store.setSortInfo(new SortState("company", SortDir.ASC)); store.setGroupField("industry"); store.load(); ColumnConfig[] columns = new ColumnConfig[]{ //column ID is company which is later used in setAutoExpandColumn new ColumnConfig("Company", "company", 160, true, null, "company"), new ColumnConfig("Price", "price", 35), new ColumnConfig("Change", "change", 45), new ColumnConfig("% Change", "pctChange", 65), new ColumnConfig("Last Updated", "lastChanged", 65), new ColumnConfig("Industry", "industry", 60, true) }; ColumnModel columnModel = new ColumnModel(columns); GridPanel grid = new GridPanel(); grid.setStore(store); grid.setColumnModel(columnModel); grid.setFrame(true); grid.setStripeRows(true); grid.setAutoExpandColumn("company"); grid.setTitle("Grid Events"); grid.setHeight(350); grid.setWidth(600); GroupingView gridView = new GroupingView(); gridView.setForceFit(true); gridView.setGroupTextTpl("{text} ({[values.rs.length]} {[values.rs.length > 1 ? \"Items\" : \"Item\"]})"); grid.setView(gridView); grid.setFrame(true); grid.setWidth(520); grid.setHeight(400); grid.setCollapsible(true); grid.setAnimCollapse(false); grid.setTitle("Grouping Example"); grid.setIconCls("grid-icon"); panel.add(grid); RootPanel.get().add(panel); } private Object[][] getCompanyData() { return new Object[][]{ new Object[]{"3m Co", new Double(71.72), new Double(0.02), new Double(0.03), "9/1 12:00am", "MMM", "Manufacturing"}, new Object[]{"Alcoa Inc", new Double(29.01), new Double(0.42), new Double(1.47), "9/1 12:00am", "AA", "Manufacturing"}, new Object[]{"Altria Group Inc", new Double(83.81), new Double(0.28), new Double(0.34), "9/1 12:00am", "MO", "Manufacturing"}, new Object[]{"American Express Company", new Double(52.55), new Double(0.01), new Double(0.02), "9/1 12:00am", "AXP", "Finance"}, new Object[]{"American International Group, Inc.", new Double(64.13), new Double(0.31), new Double(0.49), "9/1 12:00am", "AIG", "Services"}, new Object[]{"AT&T Inc.", new Double(31.61), new Double(-0.48), new Double(-1.54), "9/1 12:00am", "T", "Services"}, new Object[]{"Boeing Co.", new Double(75.43), new Double(0.53), new Double(0.71), "9/1 12:00am", "BA", "Manufacturing"}, new Object[]{"Caterpillar Inc.", new Double(67.27), new Double(0.92), new Double(1.39), "9/1 12:00am", "CAT", "Services"}, new Object[]{"Citigroup, Inc.", new Double(49.37), new Double(0.02), new Double(0.04), "9/1 12:00am", "C", "Finance"}, new Object[]{"E.I. du Pont de Nemours and Company", new Double(40.48), new Double(0.51), new Double(1.28), "9/1 12:00am", "DD", "Manufacturing"} }; } }