@Override
protected void onRender(Element parent, int index) {
super.onRender(parent, index);
setStyleAttribute("margin", "10px");
final FormPanel panel = new FormPanel();
panel.setHeading("File Upload Example");
panel.setFrame(true);
panel.setAction("myurl");
panel.setEncoding(Encoding.MULTIPART);
panel.setMethod(Method.POST);
panel.setButtonAlign(HorizontalAlignment.CENTER);
panel.setWidth(350);
TextField<String> name = new TextField<String>();
name.setFieldLabel("Name");
panel.add(name);
FileUploadField file = new FileUploadField();
file.setAllowBlank(false);
file.setName("uploadedfile");
file.setFieldLabel("File");
panel.add(file);
List<Stock> list = TestData.getStocks();
final ListStore<Stock> store = new ListStore<Stock>();
store.add(list);
final ComboBox<Stock> combo = new ComboBox<Stock>();
combo.setFieldLabel("Company");
combo.setDisplayField("name");
combo.setName("name");
combo.setValueField("symbol");
combo.setForceSelection(true);
combo.setStore(store);
combo.setTriggerAction(TriggerAction.ALL);
panel.add(combo);
Button btn = new Button("Reset");
btn.addSelectionListener(
new SelectionListener<ButtonEvent>() {
@Override
public void componentSelected(ButtonEvent ce) {
panel.reset();
}
});
panel.addButton(btn);
btn = new Button("Submit");
btn.addSelectionListener(
new SelectionListener<ButtonEvent>() {
@Override
public void componentSelected(ButtonEvent ce) {
if (!panel.isValid()) {
return;
}
// normally would submit the form but for example no server set up to
// handle the post
// panel.submit();
MessageBox.info("Action", "You file was uploaded", null);
}
});
panel.addButton(btn);
add(panel);
}
private void createGrid(boolean widget) {
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(100);
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", 100);
column.setAlignment(HorizontalAlignment.RIGHT);
column.setRenderer(change);
configs.add(column);
column = new ColumnConfig("date", 125);
if (widget) {
Button btn = new Button("Updated");
btn.addListener(
Events.OnClick,
new Listener<ButtonEvent>() {
public void handleEvent(ButtonEvent be) {
// stop column from getting click and causing sort
be.cancelBubble();
}
});
btn.setStyleAttribute("float", "left");
column.setWidget(btn, "Last Updated");
} else {
column.setAlignment(HorizontalAlignment.RIGHT);
column.setHeader("Last Updated");
}
column.setDateTimeFormat(DateTimeFormat.getFormat("MM/dd/yyyy"));
configs.add(column);
ListStore<Stock> store = new ListStore<Stock>();
store.add(TestData.getStocks());
ColumnModel cm = new ColumnModel(configs);
cm.addHeaderGroup(0, 0, new HeaderGroupConfig("Header Grouping Example", 1, 5));
cm.addHeaderGroup(1, 2, new HeaderGroupConfig("Stock Performance", 1, 2));
if (widget) {
Slider s = new Slider();
s.setWidth(100);
// ugly, but centers slider
FlexTable tbl = new FlexTable();
tbl.setWidth("100%");
tbl.setHTML(0, 0, " ");
tbl.setHTML(
0, 1, "<span style='white-space: nowrap;font-size: 11px'>Slide Me: </span>");
tbl.setWidget(0, 2, s);
tbl.setHTML(0, 3, " ");
tbl.getCellFormatter().setWidth(0, 0, "50%");
tbl.getCellFormatter().setWidth(0, 3, "50%");
cm.addHeaderGroup(1, 0, new HeaderGroupConfig(tbl, 1, 2));
} else {
cm.addHeaderGroup(1, 0, new HeaderGroupConfig("Stock Information", 1, 2));
}
ContentPanel cp = new ContentPanel();
cp.setBodyBorder(false);
cp.setIcon(Resources.ICONS.table());
cp.setHeading(widget ? "Column Grouping with Widget" : "Column Grouping");
cp.setButtonAlign(HorizontalAlignment.CENTER);
cp.setLayout(new FitLayout());
cp.setSize(600, 300);
Grid<Stock> grid = new Grid<Stock>(store, cm);
grid.setStyleAttribute("borderTop", "none");
grid.getView().setForceFit(true);
grid.setBorders(true);
cp.add(grid);
vp.add(cp);
}
