/* * GWT-Ext Widget Library * Copyright(c) 2007-2008, GWT-Ext. * licensing@gwt-ext.com * * http://www.gwt-ext.com/license */ package com.gwtext.tutorials.client; import com.google.gwt.core.client.EntryPoint; import com.gwtext.client.core.EventObject; import com.gwtext.client.data.*; import com.gwtext.client.widgets.*; import com.gwtext.client.widgets.event.ButtonListenerAdapter; import com.gwtext.client.widgets.form.NumberField; 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.layout.FitLayout; public class Tutorials implements EntryPoint { private Store store; public void onModuleLoad() { Panel panel = new Panel(); panel.setBorder(false); panel.setPaddings(15); panel.setLayout(new FitLayout()); 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") } ); final GridPanel gridPanel = new GridPanel(); Object[][] data = getCompanyData(); MemoryProxy proxy = new MemoryProxy(data); ArrayReader reader = new ArrayReader(recordDef); store = new Store(proxy, reader); store.load(); gridPanel.setStore(store); 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.setColumnModel(columnModel); gridPanel.setFrame(true); gridPanel.setTitle("Large Grid"); gridPanel.setEnableColumnResize(false); gridPanel.setEnableDragDrop(false); gridPanel.setEnableColumnHide(false); gridPanel.setEnableColumnMove(false); Toolbar top = new Toolbar(); top.addItem(new ToolbarTextItem("This example dynamically generates data to populate the grid. " + "Creating very large Grids might cause the browser to get unstable and might " + "require a restart.")); gridPanel.setTopToolbar(top); Toolbar bottom = new Toolbar(); bottom.addItem(new ToolbarTextItem("<sup>*</sup>Total time for Grid update includes the time " + "taken to generate the local data")); bottom.addFill(); bottom.addItem(new ToolbarTextItem("Columns")); bottom.addSpacer(); final NumberField cols = new NumberField("Columns", "numCols", 40, 10); cols.setAllowDecimals(false); bottom.addField(cols); bottom.addSeparator(); bottom.addItem(new ToolbarTextItem("Rows")); bottom.addSpacer(); final NumberField rows = new NumberField("Rows", "numRows", 40, 200); rows.setAllowDecimals(false); bottom.addField(rows); bottom.addSeparator(); ToolbarButton generateButton = new ToolbarButton("Generate", new ButtonListenerAdapter() { public void onClick(Button button, EventObject e) { updateGrid(gridPanel, cols.getValue().intValue(), rows.getValue().intValue()); } }); generateButton.setIconCls("database-add-icon"); bottom.addButton(generateButton); ToolbarButton clearButton = new ToolbarButton("Clear Data", new ButtonListenerAdapter() { public void onClick(Button button, EventObject e) { store.removeAll(); } }); clearButton.setIconCls("database-delete-icon"); bottom.addButton(clearButton); gridPanel.setBottomToolbar(bottom); panel.add(gridPanel); Viewport viewport = new Viewport(panel); } private void updateGrid(GridPanel gridPanel, int cols, int rows) { if (store != null) { store.removeAll(); } Object[][] data = new Object[rows][cols]; ColumnConfig[] columns = new ColumnConfig[cols]; FieldDef[] fields = new FieldDef[cols]; for (int i = 0; i < cols; i++) { String colName = "Column" + i; fields[i] = new StringFieldDef(colName); columns[i] = new ColumnConfig(colName, colName, 90); } RecordDef recordDef = new RecordDef(fields); ColumnModel columnModel = new ColumnModel(columns); for (int i = 0; i < rows; i++) { for (int j = 0; j < cols; j++) { data[i][j] = "(" + i + "," + j + ")"; } } MemoryProxy proxy = new MemoryProxy(data); ArrayReader reader = new ArrayReader(recordDef); store = new Store(proxy, reader); store.load(); gridPanel.reconfigure(store, columnModel); } 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"} }; } }