Using Text box as table cell renderer (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.data.BaseModel;
import com.extjs.gxt.ui.client.data.BaseModelData;
import com.extjs.gxt.ui.client.data.ModelData;
import com.extjs.gxt.ui.client.event.ButtonEvent;
import com.extjs.gxt.ui.client.event.SelectionListener;
import com.extjs.gxt.ui.client.store.ListStore;
import com.extjs.gxt.ui.client.util.DateWrapper;
import com.extjs.gxt.ui.client.widget.ContentPanel;
import com.extjs.gxt.ui.client.widget.LayoutContainer;
import com.extjs.gxt.ui.client.widget.button.Button;
import com.extjs.gxt.ui.client.widget.form.CheckBox;
import com.extjs.gxt.ui.client.widget.form.DateField;
import com.extjs.gxt.ui.client.widget.form.NumberField;
import com.extjs.gxt.ui.client.widget.form.SimpleComboBox;
import com.extjs.gxt.ui.client.widget.form.TextField;
import com.extjs.gxt.ui.client.widget.form.ComboBox.TriggerAction;
import com.extjs.gxt.ui.client.widget.grid.CellEditor;
import com.extjs.gxt.ui.client.widget.grid.CheckColumnConfig;
import com.extjs.gxt.ui.client.widget.grid.ColumnConfig;
import com.extjs.gxt.ui.client.widget.grid.ColumnModel;
import com.extjs.gxt.ui.client.widget.grid.EditorGrid;
import com.extjs.gxt.ui.client.widget.layout.FitLayout;
import com.extjs.gxt.ui.client.widget.layout.FlowLayout;
import com.extjs.gxt.ui.client.widget.toolbar.ToolBar;
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.impl.WindowImplIE.Resources;
import com.google.gwt.user.client.ui.RootPanel;
public class Hello implements EntryPoint {
public void onModuleLoad() {
RootPanel.get().add(new EditableGridExample());
}
}
class EditableGridExample extends LayoutContainer {
@Override
protected void onRender(Element parent, int index) {
super.onRender(parent, index);
setLayout(new FlowLayout(10));
List<Stock> stocks = getStocks();
for (Stock s : stocks) {
DateWrapper w = new DateWrapper();
w = w.clearTime();
w = w.addDays((int) (Math.random() * 1000));
s.set("date", w.asDate());
}
List<ColumnConfig> configs = new ArrayList<ColumnConfig>();
ColumnConfig column = new ColumnConfig();
column.setId("name");
column.setHeader("Common Name");
column.setWidth(220);
TextField<String> text = new TextField<String>();
text.setAllowBlank(false);
column.setEditor(new CellEditor(text));
configs.add(column);
final SimpleComboBox<String> combo = new SimpleComboBox<String>();
combo.setForceSelection(true);
combo.setTriggerAction(TriggerAction.ALL);
combo.add("Shade");
combo.add("Mostly Shady");
combo.add("Sun or Shade");
combo.add("Mostly Sunny");
combo.add("Sunny");
CellEditor editor = new CellEditor(combo) {
@Override
public Object preProcessValue(Object value) {
if (value == null) {
return value;
}
return combo.findModel(value.toString());
}
@Override
public Object postProcessValue(Object value) {
if (value == null) {
return value;
}
return ((ModelData) value).get("value");
}
};
column = new ColumnConfig();
column.setId("light");
column.setHeader("Light");
column.setWidth(130);
column.setEditor(editor);
configs.add(column);
column = new ColumnConfig();
column.setId("price");
column.setHeader("Price");
column.setAlignment(HorizontalAlignment.RIGHT);
column.setWidth(70);
column.setNumberFormat(NumberFormat.getCurrencyFormat());
column.setEditor(new CellEditor(new NumberField()));
configs.add(column);
DateField dateField = new DateField();
dateField.getPropertyEditor().setFormat(DateTimeFormat.getFormat("MM/dd/y"));
column = new ColumnConfig();
column.setId("available");
column.setHeader("Available");
column.setWidth(95);
column.setEditor(new CellEditor(dateField));
column.setDateTimeFormat(DateTimeFormat.getMediumDateFormat());
configs.add(column);
CheckColumnConfig checkColumn = new CheckColumnConfig("indoor", "Indoor?", 55);
CellEditor checkBoxEditor = new CellEditor(new CheckBox());
checkColumn.setEditor(checkBoxEditor);
configs.add(checkColumn);
final ListStore<Plant> store = new ListStore<Plant>();
store.add(getPlants());
ColumnModel cm = new ColumnModel(configs);
ContentPanel cp = new ContentPanel();
cp.setHeading("Edit Plants");
cp.setFrame(true);
//cp.setIcon(Resources.ICONS.table());
cp.setSize(600, 300);
cp.setLayout(new FitLayout());
final EditorGrid<Plant> grid = new EditorGrid<Plant>(store, cm);
grid.setAutoExpandColumn("name");
grid.setBorders(true);
grid.addPlugin(checkColumn);
cp.add(grid);
ToolBar toolBar = new ToolBar();
Button add = new Button("Add Plant");
add.addSelectionListener(new SelectionListener<ButtonEvent>() {
@Override
public void componentSelected(ButtonEvent ce) {
Plant plant = new Plant();
plant.setName("New Plant 1");
plant.setLight("Mostly Shady");
plant.setPrice(0);
plant.setAvailable(new DateWrapper().clearTime().asDate());
plant.setIndoor(false);
grid.stopEditing();
store.insert(plant, 0);
grid.startEditing(0, 0);
}
});
toolBar.add(add);
cp.setTopComponent(toolBar);
cp.setButtonAlign(HorizontalAlignment.CENTER);
cp.addButton(new Button("Reset", new SelectionListener<ButtonEvent>() {
@Override
public void componentSelected(ButtonEvent ce) {
store.rejectChanges();
}
}));
cp.addButton(new Button("Save", new SelectionListener<ButtonEvent>() {
@Override
public void componentSelected(ButtonEvent ce) {
store.commitChanges();
}
}));
add(cp);
}
public static List<Plant> getPlants() {
List<Plant> plants = new ArrayList<Plant>();
plants.add(new Plant("Bloodroot", "Mostly Shady", 2.44, "03/15/2006", true));
plants.add(new Plant("Columbine", "Shade", 9.37, "03/15/2006", true));
plants.add(new Plant("Marsh Marigold", "Mostly Sunny", 6.81, "05/17/2006", false));
plants.add(new Plant("Cowslip", "Mostly Shady", 9.90, "03/06/2006", true));
plants.add(new Plant("Dutchman's-Breeches", "Mostly Shady", 6.44, "01/20/2006", true));
plants.add(new Plant("Ginger, Wild", "Mostly Shady", 9.03, "04/18/2006", true));
plants.add(new Plant("Hepatica", "Sunny", 4.45, "01/26/2006", true));
plants.add(new Plant("Liverleaf", "Mostly Sunny", 3.99, "01/02/2006", true));
plants.add(new Plant("Jack-In-The-Pulpit", "Mostly Shady", 3.23, "02/01/2006", true));
plants.add(new Plant("Mayapple", "Mostly Shady", 2.98, "06/05/2006", true));
plants.add(new Plant("Phlox, Woodland", "Sun or Shade", 2.80, "01/22/2006", false));
plants.add(new Plant("Phlox, Blue", "Sun or Shade", 5.59, "02/16/2006", false));
plants.add(new Plant("Spring-Beauty", "Mostly Shady", 6.59, "02/01/2006", true));
plants.add(new Plant("Trillium", "Sun or Shade", 3.90, "04/29/2006", false));
plants.add(new Plant("Wake Robin", "Sun or Shade", 3.20, "02/21/2006", false));
plants.add(new Plant("Violet, Dog-Tooth", "Shade", 9.04, "02/01/2006", true));
plants.add(new Plant("Trout Lily", "Shade", 6.94, "03/24/2006", true));
plants.add(new Plant("Adder's-Tongue", "Mostly Shady", 6.59, "02/01/2006", true));
plants.add(new Plant("Trillium", "Shade", 9.58, "04/13/2006", true));
plants.add(new Plant("Anemone", "Mostly Shady", 8.86, "12/26/2006", true));
plants.add(new Plant("Grecian Windflower", "Mostly Shady", 9.16, "07/10/2006", true));
plants.add(new Plant("Bee Balm", "Shade", 4.59, "05/03/2006", true));
plants.add(new Plant("Bergamot", "Shade", 7.16, "04/27/2006", true));
plants.add(new Plant("Black-Eyed Susan", "Sunny", 9.80, "06/18/2006", false));
plants.add(new Plant("Buttercup", "Shade", 2.57, "06/10/2006", true));
plants.add(new Plant("Crowfoot", "Shade", 9.34, "04/03/2006", true));
plants.add(new Plant("Butterfly Weed", "Sunny", 2.78, "06/30/2006", false));
plants.add(new Plant("Cinquefoil", "Shade", 7.06, "05/25/2006", true));
plants.add(new Plant("Primrose", "Sunny", 6.56, "01/30/2006", false));
plants.add(new Plant("Gentian", "Sun or Shade", 7.81, "05/18/2006", false));
plants.add(new Plant("Greek Valerian", "Shade", 3.41, "04/03/2006", true));
plants.add(new Plant("California Poppy", "Mostly Shady", 2.78, "05/13/2006", false));
plants.add(new Plant("Shooting Star", "Shade", 7.06, "07/11/2006", true));
plants.add(new Plant("Snakeroot", "Sunny", 6.56, "02/22/2006", false));
plants.add(new Plant("Cardinal Flower", "Shade", 7.81, "05/18/2006", false));
return plants;
}
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();
}
public static List<Plant> getPlants() {
List<Plant> plants = new ArrayList<Plant>();
plants.add(new Plant("Bloodroot", "Mostly Shady", 2.44, "03/15/2006", true));
plants.add(new Plant("Columbine", "Shade", 9.37, "03/15/2006", true));
plants.add(new Plant("Marsh Marigold", "Mostly Sunny", 6.81, "05/17/2006", false));
plants.add(new Plant("Cowslip", "Mostly Shady", 9.90, "03/06/2006", true));
plants.add(new Plant("Dutchman's-Breeches", "Mostly Shady", 6.44, "01/20/2006", true));
plants.add(new Plant("Ginger, Wild", "Mostly Shady", 9.03, "04/18/2006", true));
plants.add(new Plant("Hepatica", "Sunny", 4.45, "01/26/2006", true));
plants.add(new Plant("Liverleaf", "Mostly Sunny", 3.99, "01/02/2006", true));
plants.add(new Plant("Jack-In-The-Pulpit", "Mostly Shady", 3.23, "02/01/2006", true));
plants.add(new Plant("Mayapple", "Mostly Shady", 2.98, "06/05/2006", true));
plants.add(new Plant("Phlox, Woodland", "Sun or Shade", 2.80, "01/22/2006", false));
plants.add(new Plant("Phlox, Blue", "Sun or Shade", 5.59, "02/16/2006", false));
plants.add(new Plant("Spring-Beauty", "Mostly Shady", 6.59, "02/01/2006", true));
plants.add(new Plant("Trillium", "Sun or Shade", 3.90, "04/29/2006", false));
plants.add(new Plant("Wake Robin", "Sun or Shade", 3.20, "02/21/2006", false));
plants.add(new Plant("Violet, Dog-Tooth", "Shade", 9.04, "02/01/2006", true));
plants.add(new Plant("Trout Lily", "Shade", 6.94, "03/24/2006", true));
plants.add(new Plant("Adder's-Tongue", "Mostly Shady", 6.59, "02/01/2006", true));
plants.add(new Plant("Trillium", "Shade", 9.58, "04/13/2006", true));
plants.add(new Plant("Anemone", "Mostly Shady", 8.86, "12/26/2006", true));
plants.add(new Plant("Grecian Windflower", "Mostly Shady", 9.16, "07/10/2006", true));
plants.add(new Plant("Bee Balm", "Shade", 4.59, "05/03/2006", true));
plants.add(new Plant("Bergamot", "Shade", 7.16, "04/27/2006", true));
plants.add(new Plant("Black-Eyed Susan", "Sunny", 9.80, "06/18/2006", false));
plants.add(new Plant("Buttercup", "Shade", 2.57, "06/10/2006", true));
plants.add(new Plant("Crowfoot", "Shade", 9.34, "04/03/2006", true));
plants.add(new Plant("Butterfly Weed", "Sunny", 2.78, "06/30/2006", false));
plants.add(new Plant("Cinquefoil", "Shade", 7.06, "05/25/2006", true));
plants.add(new Plant("Primrose", "Sunny", 6.56, "01/30/2006", false));
plants.add(new Plant("Gentian", "Sun or Shade", 7.81, "05/18/2006", false));
plants.add(new Plant("Greek Valerian", "Shade", 3.41, "04/03/2006", true));
plants.add(new Plant("California Poppy", "Mostly Shady", 2.78, "05/13/2006", false));
plants.add(new Plant("Shooting Star", "Shade", 7.06, "07/11/2006", true));
plants.add(new Plant("Snakeroot", "Sunny", 6.56, "02/22/2006", false));
plants.add(new Plant("Cardinal Flower", "Shade", 7.81, "05/18/2006", false));
return plants;
}
}
class Plant extends BaseModelData {
private DateTimeFormat df = DateTimeFormat.getFormat("MM/dd/y");
public Plant() {
}
public Plant(String name, String light, double price, String available, boolean indoor) {
setName(name);
setLight(light);
setPrice(price);
setAvailable(df.parse(available));
setIndoor(indoor);
}
public Date getAvailable() {
return get("available");
}
public void setAvailable(Date available) {
set("available", available);
}
public boolean isIndoor() {
return (Boolean) get("indoor");
}
public void setIndoor(boolean indoor) {
set("indoor", indoor);
}
public String getLight() {
return get("light");
}
public void setLight(String light) {
set("light", light);
}
public String getName() {
return get("name");
}
public void setName(String name) {
set("name", name);
}
public double getPrice() {
return (Double) get("price");
}
public void setPrice(double price) {
set("price", price);
}
}
Ext-GWT.zip( 4,297 k)Related examples in the same category
