Using CheckBoxGroup to group CheckBoxes (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.Collections; import java.util.Comparator; 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.store.ListStore; import com.extjs.gxt.ui.client.widget.LayoutContainer; import com.extjs.gxt.ui.client.widget.Slider; import com.extjs.gxt.ui.client.widget.VerticalPanel; 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.CheckBoxGroup; import com.extjs.gxt.ui.client.widget.form.ComboBox; import com.extjs.gxt.ui.client.widget.form.DateField; import com.extjs.gxt.ui.client.widget.form.FieldSet; import com.extjs.gxt.ui.client.widget.form.FormButtonBinding; import com.extjs.gxt.ui.client.widget.form.FormPanel; import com.extjs.gxt.ui.client.widget.form.Radio; import com.extjs.gxt.ui.client.widget.form.RadioGroup; import com.extjs.gxt.ui.client.widget.form.SliderField; import com.extjs.gxt.ui.client.widget.form.TextArea; import com.extjs.gxt.ui.client.widget.form.TextField; import com.extjs.gxt.ui.client.widget.form.TimeField; import com.extjs.gxt.ui.client.widget.form.ComboBox.TriggerAction; import com.extjs.gxt.ui.client.widget.layout.FlowLayout; import com.extjs.gxt.ui.client.widget.layout.FormData; import com.extjs.gxt.ui.client.widget.layout.FormLayout; import com.google.gwt.core.client.EntryPoint; 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 FormsExample()); } } class FormsExample extends LayoutContainer { private VerticalPanel vp; private FormData formData; @Override protected void onRender(Element parent, int index) { super.onRender(parent, index); formData = new FormData("-20"); vp = new VerticalPanel(); vp.setSpacing(10); createForm1(); add(vp); } private void createForm1() { FormPanel simple = new FormPanel(); simple.setHeading("Simple Form"); simple.setFrame(true); simple.setWidth(350); TextField<String> firstName = new TextField<String>(); firstName.setFieldLabel("Name"); firstName.setAllowBlank(false); simple.add(firstName, formData); TextField<String> email = new TextField<String>(); email.setFieldLabel("Email"); email.setAllowBlank(false); simple.add(email, formData); List<Stock> stocks = getStocks(); Collections.sort(stocks, new Comparator<Stock>() { public int compare(Stock arg0, Stock arg1) { return arg0.getName().compareTo(arg1.getName()); } }); ListStore<Stock> store = new ListStore<Stock>(); store.add(stocks); ComboBox<Stock> combo = new ComboBox<Stock>(); combo.setFieldLabel("Company"); combo.setDisplayField("name"); combo.setTriggerAction(TriggerAction.ALL); combo.setStore(store); simple.add(combo, formData); DateField date = new DateField(); date.setFieldLabel("Birthday"); simple.add(date, formData); TimeField time = new TimeField(); time.setFieldLabel("Time"); simple.add(time, formData); Slider slider = new Slider(); slider.setMinValue(40); slider.setMaxValue(90); slider.setValue(60); slider.setIncrement(1); slider.setMessage("{0} inches tall"); final SliderField sf = new SliderField(slider); sf.setFieldLabel("Size"); simple.add(sf, formData); CheckBox check1 = new CheckBox(); check1.setBoxLabel("Classical"); CheckBox check2 = new CheckBox(); check2.setBoxLabel("Rock"); check2.setValue(true); CheckBox check3 = new CheckBox(); check3.setBoxLabel("Blue"); CheckBoxGroup checkGroup = new CheckBoxGroup(); checkGroup.setFieldLabel("Music"); checkGroup.add(check1); checkGroup.add(check2); checkGroup.add(check3); simple.add(checkGroup, formData); Radio radio = new Radio(); radio.setBoxLabel("Red"); radio.setValue(true); Radio radio2 = new Radio(); radio2.setBoxLabel("Blue"); RadioGroup radioGroup = new RadioGroup(); radioGroup.setFieldLabel("Favorite Color"); radioGroup.add(radio); radioGroup.add(radio2); simple.add(radioGroup, formData); Radio radio3 = new Radio(); radio3.setBoxLabel("Apple"); radio3.setValue(true); Radio radio4 = new Radio(); radio4.setBoxLabel("Banana"); RadioGroup radioGroup2 = new RadioGroup(); radioGroup2.setFieldLabel("Favorite Fruit"); radioGroup2.add(radio3); radioGroup2.add(radio4); simple.add(radioGroup2, formData); TextArea description = new TextArea(); description.setPreventScrollbars(true); description.setFieldLabel("Description"); simple.add(description, formData); Button b = new Button("Submit"); simple.addButton(b); simple.addButton(new Button("Cancel")); simple.setButtonAlign(HorizontalAlignment.CENTER); FormButtonBinding binding = new FormButtonBinding(simple); binding.addButton(b); vp.add(simple); } 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(); } }
1. | Disabled CheckBox | ![]() | |
2. | Using CheckboxItem to create check box (Smart GWT) | ![]() | |
3. | Change listener for CheckBoxItem (Smart GWT) | ![]() |