Grid data binding (Ext GWT)
/* * Ext GWT - Ext for GWT * Copyright(c) 2007-2009, Ext JS, LLC. * licensing@extjs.com * * http://extjs.com/license */ package com.google.gwt.sample.hello.client; import java.util.ArrayList; import java.util.Date; import java.util.List; import com.extjs.gxt.ui.client.Style.HorizontalAlignment; import com.extjs.gxt.ui.client.Style.Orientation; import com.extjs.gxt.ui.client.Style.SelectionMode; import com.extjs.gxt.ui.client.binding.FormBinding; import com.extjs.gxt.ui.client.data.BaseModel; import com.extjs.gxt.ui.client.data.ModelData; import com.extjs.gxt.ui.client.event.Events; import com.extjs.gxt.ui.client.event.Listener; import com.extjs.gxt.ui.client.event.SelectionChangedEvent; import com.extjs.gxt.ui.client.store.ListStore; import com.extjs.gxt.ui.client.widget.ContentPanel; import com.extjs.gxt.ui.client.widget.LayoutContainer; import com.extjs.gxt.ui.client.widget.form.DateField; import com.extjs.gxt.ui.client.widget.form.FormPanel; import com.extjs.gxt.ui.client.widget.form.NumberField; import com.extjs.gxt.ui.client.widget.form.TextField; import com.extjs.gxt.ui.client.widget.grid.ColumnConfig; import com.extjs.gxt.ui.client.widget.grid.ColumnData; import com.extjs.gxt.ui.client.widget.grid.ColumnModel; import com.extjs.gxt.ui.client.widget.grid.Grid; import com.extjs.gxt.ui.client.widget.grid.GridCellRenderer; import com.extjs.gxt.ui.client.widget.layout.RowData; import com.extjs.gxt.ui.client.widget.layout.RowLayout; import com.extjs.gxt.ui.client.widget.table.NumberCellRenderer; import com.google.gwt.core.client.EntryPoint; import com.google.gwt.i18n.client.DateTimeFormat; import com.google.gwt.i18n.client.NumberFormat; import com.google.gwt.user.client.Element; import com.google.gwt.user.client.ui.RootPanel; public class Hello implements EntryPoint { public void onModuleLoad() { RootPanel.get().add(new GridBindingExample()); } } class GridBindingExample extends LayoutContainer { private FormBinding formBindings; @Override protected void onRender(Element parent, int index) { super.onRender(parent, index); setStyleAttribute("margin", "10px"); ContentPanel cp = new ContentPanel(); cp.setHeading("Form Bindings"); cp.setFrame(true); cp.setSize(800, 400); cp.setLayout(new RowLayout(Orientation.HORIZONTAL)); Grid<Stock> grid = createGrid(); grid.getSelectionModel().setSelectionMode(SelectionMode.SINGLE); grid.getSelectionModel().addListener(Events.SelectionChange, new Listener<SelectionChangedEvent<Stock>>() { public void handleEvent(SelectionChangedEvent<Stock> be) { if (be.getSelection().size() > 0) { formBindings.bind((ModelData) be.getSelection().get(0)); } else { formBindings.unbind(); } } }); cp.add(grid, new RowData(.6, 1)); FormPanel panel = createForm(); formBindings = new FormBinding(panel, true); cp.add(panel, new RowData(.4, 1)); add(cp); } private FormPanel createForm() { FormPanel panel = new FormPanel(); panel.setHeaderVisible(false); TextField<String> name = new TextField<String>(); name.setName("name"); name.setFieldLabel("Name"); panel.add(name); TextField<String> symbol = new TextField<String>(); symbol.setName("symbol"); symbol.setFieldLabel("Symbol"); panel.add(symbol); NumberField open = new NumberField(); open.setName("last"); open.setFieldLabel("Last"); panel.add(open); NumberField change = new NumberField(); change.setName("change"); change.setFieldLabel("Change"); change.setFormat(NumberFormat.getDecimalFormat()); panel.add(change); DateField last = new DateField(); last.setName("date"); last.setFieldLabel("Updated"); panel.add(last); return panel; } private Grid<Stock> createGrid() { final NumberFormat currency = NumberFormat.getCurrencyFormat(); final NumberFormat number = NumberFormat.getFormat("0.00"); final NumberCellRenderer<Grid<Stock>> numberRenderer = new NumberCellRenderer<Grid<Stock>>( currency); GridCellRenderer<Stock> change = new GridCellRenderer<Stock>() { public String render(Stock model, String property, ColumnData config, int rowIndex, int colIndex, ListStore<Stock> store, Grid<Stock> grid) { double val = (Double) model.get(property); String style = val < 0 ? "red" : "green"; return "<span style='color:" + style + "'>" + number.format(val) + "</span>"; } }; GridCellRenderer<Stock> gridNumber = new GridCellRenderer<Stock>() { public String render(Stock model, String property, ColumnData config, int rowIndex, int colIndex, ListStore<Stock> store, Grid<Stock> grid) { return numberRenderer.render(null, property, model.get(property)); } }; List<ColumnConfig> configs = new ArrayList<ColumnConfig>(); ColumnConfig column = new ColumnConfig(); column.setId("name"); column.setHeader("Company"); column.setWidth(200); configs.add(column); column = new ColumnConfig(); column.setId("symbol"); column.setHeader("Symbol"); column.setWidth(75); configs.add(column); column = new ColumnConfig(); column.setId("last"); column.setHeader("Last"); column.setAlignment(HorizontalAlignment.RIGHT); column.setWidth(75); column.setRenderer(gridNumber); configs.add(column); column = new ColumnConfig("change", "Change", 90); column.setAlignment(HorizontalAlignment.RIGHT); column.setRenderer(change); configs.add(column); column = new ColumnConfig("date", "Last Updated", 90); column.setAlignment(HorizontalAlignment.RIGHT); column.setDateTimeFormat(DateTimeFormat.getShortDateFormat()); configs.add(column); ListStore<Stock> store = new ListStore<Stock>(); store.setMonitorChanges(true); store.add(getStocks()); ColumnModel cm = new ColumnModel(configs); Grid<Stock> grid = new Grid<Stock>(store, cm); grid.getView().setEmptyText("sdfd"); grid.setBorders(false); grid.setAutoExpandColumn("name"); grid.setBorders(true); return grid; } public static List<Stock> getStocks() { List<Stock> stocks = new ArrayList<Stock>(); stocks.add(new Stock("Apple Inc.", "AAPL", 125.64, 123.43)); stocks.add(new Stock("Cisco Systems, Inc.", "CSCO", 25.84, 26.3)); stocks.add(new Stock("Google Inc.", "GOOG", 516.2, 512.6)); stocks.add(new Stock("Intel Corporation", "INTC", 21.36, 21.53)); stocks.add(new Stock("Level 3 Communications, Inc.", "LVLT", 5.55, 5.54)); stocks.add(new Stock("Microsoft Corporation", "MSFT", 29.56, 29.72)); stocks.add(new Stock("Nokia Corporation (ADR)", "NOK", 27.83, 27.93)); stocks.add(new Stock("Oracle Corporation", "ORCL", 18.73, 18.98)); stocks.add(new Stock("Starbucks Corporation", "SBUX", 27.33, 27.36)); stocks.add(new Stock("Yahoo! Inc.", "YHOO", 26.97, 27.29)); stocks.add(new Stock("Applied Materials, Inc.", "AMAT", 18.4, 18.66)); stocks.add(new Stock("Comcast Corporation", "CMCSA", 25.9, 26.4)); stocks.add(new Stock("Sirius Satellite", "SIRI", 2.77, 2.74)); stocks.add(new Stock("Tellabs, Inc.", "TLAB", 10.64, 10.75)); stocks.add(new Stock("eBay Inc.", "EBAY", 30.43, 31.21)); stocks.add(new Stock("Broadcom Corporation", "BRCM", 30.88, 30.48)); stocks.add(new Stock("CMGI Inc.", "CMGI", 2.14, 2.13)); stocks.add(new Stock("Amgen, Inc.", "AMGN", 56.22, 57.02)); stocks.add(new Stock("Limelight Networks", "LLNW", 23, 22.11)); stocks.add(new Stock("Amazon.com, Inc.", "AMZN", 72.47, 72.23)); stocks.add(new Stock("E TRADE Financial Corporation", "ETFC", 24.32, 24.58)); stocks.add(new Stock("AVANIR Pharmaceuticals", "AVNR", 3.7, 3.52)); stocks.add(new Stock("Gemstar-TV Guide, Inc.", "GMST", 4.41, 4.55)); stocks.add(new Stock("Akamai Technologies, Inc.", "AKAM", 43.08, 45.32)); stocks.add(new Stock("Motorola, Inc.", "MOT", 17.74, 17.69)); stocks.add(new Stock("Advanced Micro Devices, Inc.", "AMD", 13.77, 13.98)); stocks.add(new Stock("General Electric Company", "GE", 36.8, 36.91)); stocks.add(new Stock("Texas Instruments Incorporated", "TXN", 35.02, 35.7)); stocks.add(new Stock("Qwest Communications", "Q", 9.9, 10.03)); stocks.add(new Stock("Tyco International Ltd.", "TYC", 33.48, 33.26)); stocks.add(new Stock("Pfizer Inc.", "PFE", 26.21, 26.19)); stocks.add(new Stock("Time Warner Inc.", "TWX", 20.3, 20.45)); stocks.add(new Stock("Sprint Nextel Corporation", "S", 21.85, 21.76)); stocks.add(new Stock("Bank of America Corporation", "BAC", 49.92, 49.73)); stocks.add(new Stock("Taiwan Semiconductor", "TSM", 10.4, 10.52)); stocks.add(new Stock("AT&T Inc.", "T", 39.7, 39.66)); stocks.add(new Stock("United States Steel Corporation", "X", 115.81, 114.62)); stocks.add(new Stock("Exxon Mobil Corporation", "XOM", 81.77, 81.86)); stocks.add(new Stock("Valero Energy Corporation", "VLO", 72.46, 72.6)); stocks.add(new Stock("Micron Technology, Inc.", "MU", 12.02, 12.27)); stocks.add(new Stock("Verizon Communications Inc.", "VZ", 42.5, 42.61)); stocks.add(new Stock("Avaya Inc.", "AV", 16.96, 16.96)); stocks.add(new Stock("The Home Depot, Inc.", "HD", 37.66, 37.79)); stocks.add(new Stock("First Data Corporation", "FDC", 32.7, 32.65)); return stocks; } } class Stock extends BaseModel { public Stock() { } public Stock(String name, String symbol, double open, double last) { set("name", name); set("symbol", symbol); set("open", open); set("last", last); set("date", new Date()); set("change", last - open); } public Stock(String name, double open, double change, double pctChange, Date date, String industry) { set("name", name); set("open", open); set("change", change); set("percentChange", pctChange); set("date", date); set("industry", industry); } public String getIndustry() { return get("industry"); } public void setIndustry(String industry) { set("industry", industry); } public Date getLastTrans() { return (Date) get("date"); } public String getName() { return (String) get("name"); } public String getSymbol() { return (String) get("symbol"); } public double getOpen() { Double open = (Double) get("open"); return open.doubleValue(); } public double getLast() { Double open = (Double) get("last"); return open.doubleValue(); } public double getChange() { return getLast() - getOpen(); } public double getPercentChange() { return getChange() / getOpen(); } public String toString() { return getName(); } }