Login dialog (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 com.extjs.gxt.ui.client.Style.HorizontalAlignment; import com.extjs.gxt.ui.client.event.ButtonEvent; import com.extjs.gxt.ui.client.event.ComponentEvent; import com.extjs.gxt.ui.client.event.KeyListener; import com.extjs.gxt.ui.client.event.SelectionListener; import com.extjs.gxt.ui.client.util.IconHelper; import com.extjs.gxt.ui.client.widget.Dialog; import com.extjs.gxt.ui.client.widget.Status; import com.extjs.gxt.ui.client.widget.button.Button; import com.extjs.gxt.ui.client.widget.form.TextField; import com.extjs.gxt.ui.client.widget.layout.FormLayout; import com.extjs.gxt.ui.client.widget.toolbar.FillToolItem; import com.google.gwt.core.client.EntryPoint; import com.google.gwt.user.client.Timer; import com.google.gwt.user.client.ui.RootPanel; public class Hello implements EntryPoint { public void onModuleLoad() { // RootPanel.get().add(new ReorderingTreeGridExample()); LoginDialog d = new LoginDialog(); d.show(); } } class LoginDialog extends Dialog { protected TextField<String> userName; protected TextField<String> password; protected Button reset; protected Button login; protected Status status; public LoginDialog() { FormLayout layout = new FormLayout(); layout.setLabelWidth(90); layout.setDefaultWidth(155); setLayout(layout); setButtonAlign(HorizontalAlignment.LEFT); setButtons(""); setIcon(IconHelper.createStyle("user")); setHeading("GXT Mail Demo Login"); setModal(true); setBodyBorder(true); setBodyStyle("padding: 8px;background: none"); setWidth(300); setResizable(false); KeyListener keyListener = new KeyListener() { public void componentKeyUp(ComponentEvent event) { validate(); } }; userName = new TextField<String>(); userName.setMinLength(4); userName.setFieldLabel("Username"); userName.addKeyListener(keyListener); add(userName); password = new TextField<String>(); password.setMinLength(4); password.setPassword(true); password.setFieldLabel("Password"); password.addKeyListener(keyListener); add(password); setFocusWidget(userName); } @Override protected void createButtons() { super.createButtons(); status = new Status(); status.setBusy("please wait..."); status.hide(); status.setAutoWidth(true); getButtonBar().add(status); getButtonBar().add(new FillToolItem()); reset = new Button("Reset"); reset.addSelectionListener(new SelectionListener<ButtonEvent>() { public void componentSelected(ButtonEvent ce) { userName.reset(); password.reset(); validate(); userName.focus(); } }); login = new Button("Login"); login.disable(); login.addSelectionListener(new SelectionListener<ButtonEvent>() { public void componentSelected(ButtonEvent ce) { onSubmit(); } }); addButton(reset); addButton(login); } protected void onSubmit() { status.show(); getButtonBar().disable(); Timer t = new Timer() { @Override public void run() { LoginDialog.this.hide(); } }; t.schedule(2000); } protected boolean hasValue(TextField<String> field) { return field.getValue() != null && field.getValue().length() > 0; } protected void validate() { login.setEnabled(hasValue(userName) && hasValue(password) && password.getValue().length() > 3); } }