Form data binding (Smart GWT) : Form « GWT « Java





Form data binding (Smart GWT)

Form data binding (Smart GWT)
   
/*
 * SmartGWT (GWT for SmartClient)
 * Copyright 2008 and beyond, Isomorphic Software, Inc.
 *
 * SmartGWT is free software; you can redistribute it and/or modify it
 * under the terms of the GNU Lesser General Public License version 3
 * as published by the Free Software Foundation.  SmartGWT is also
 * available under typical commercial license terms - see
 * http://smartclient.com/license
 * This software is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
 * Lesser General Public License for more details.
 */
package com.smartgwt.sample.showcase.client;

import com.google.gwt.core.client.EntryPoint;
import com.google.gwt.user.client.ui.RootPanel;
import com.smartgwt.client.data.DataSource;
import com.smartgwt.client.data.fields.DataSourcePasswordField;
import com.smartgwt.client.data.fields.DataSourceTextField;
import com.smartgwt.client.widgets.Canvas;
import com.smartgwt.client.widgets.form.DynamicForm;
import com.smartgwt.client.widgets.form.fields.ButtonItem;
import com.smartgwt.client.widgets.form.fields.CheckboxItem;
import com.smartgwt.client.widgets.form.fields.HeaderItem;
import com.smartgwt.client.widgets.form.fields.PasswordItem;
import com.smartgwt.client.widgets.form.fields.events.ClickEvent;
import com.smartgwt.client.widgets.form.fields.events.ClickHandler;
import com.smartgwt.client.widgets.form.validator.MatchesFieldValidator;
import com.smartgwt.client.widgets.form.validator.RegExpValidator;
public class Showcase implements EntryPoint {
  public void onModuleLoad() {
    RootPanel.get().add(getViewPanel());
  }

  public Canvas getViewPanel() {

    DataSource dataSource = new DataSource();

    DataSourceTextField firstNameField = new DataSourceTextField("firstName", "First Name", 50, true);
    DataSourceTextField lastNameField = new DataSourceTextField("lastName", "Last Name", 50, true);
    DataSourceTextField emailField = new DataSourceTextField("email", "Email", 100, true);

    RegExpValidator emailValidator = new RegExpValidator();
    emailValidator.setErrorMessage("Invalid email address");
    emailValidator.setExpression("^([a-zA-Z0-9_.\\-+])+@(([a-zA-Z0-9\\-])+\\.)+[a-zA-Z0-9]{2,4}$");
    
    emailField.setValidators(emailValidator);

    DataSourcePasswordField passwordField = new DataSourcePasswordField("password", "Password", 20, true);

    dataSource.setFields(firstNameField, lastNameField, emailField, passwordField);

    final DynamicForm form = new DynamicForm();
    form.setDataSource(dataSource);
    form.setUseAllDataSourceFields(true);

    HeaderItem header = new HeaderItem();
    header.setDefaultValue("Registration Form");

    PasswordItem passwordItem = new PasswordItem();
    passwordItem.setName("password");

    PasswordItem passwordItem2 = new PasswordItem();
    passwordItem2.setName("password2");
    passwordItem2.setTitle("Password Again");
    passwordItem2.setRequired(true);
    passwordItem2.setLength(20);

    MatchesFieldValidator matchesValidator = new MatchesFieldValidator();
    matchesValidator.setOtherField("password");
    matchesValidator.setErrorMessage("Passwords do not match");        
    passwordItem2.setValidators(matchesValidator);

    CheckboxItem acceptItem = new CheckboxItem();
    acceptItem.setName("acceptTerms");
    acceptItem.setTitle("I accept the terms of use.");
    acceptItem.setRequired(true);
    acceptItem.setWidth(150);

    ButtonItem validateItem = new ButtonItem();
    validateItem.setTitle("Validate");
    validateItem.addClickHandler(new ClickHandler() {
        public void onClick(ClickEvent event) {
            form.validate(false);
        }
    });

    form.setFields(header, passwordItem, passwordItem2, acceptItem, validateItem);
    
    form.setValue("firstName", "Bob");
    form.setValue("email", "bob@.com");
    form.setValue("password", "sekrit");
    form.setValue("password2", "fatfinger");    
      
    return form;
  }

}

   
    
    
  










SmartGWT.zip( 9,880 k)

Related examples in the same category

1.Adding border line to a form (Smart GWT)Adding border line to a form (Smart GWT)
2.Forms are split for layout (Smart GWT)Forms are split for layout (Smart GWT)
3.Form validation for splitted form (Smart GWT)
4.Drag resize the form from the right edge (Smart GWT)Drag resize the form from the right edge (Smart GWT)
5.Form data validation (Smart GWT)Form data validation (Smart GWT)
6.Form Filling Layout Sample (Smart GWT)Form Filling Layout Sample (Smart GWT)
7.Set form width (Smart GWT)Set form width (Smart GWT)
8.Change title Orientation (Smart GWT)Change title Orientation (Smart GWT)
9.Form controls Show/Hide Sample (Smart GWT)Form controls Show/Hide Sample (Smart GWT)
10.Form control Enable/Disable Sample (Smart GWT)Form control Enable/Disable Sample (Smart GWT)
11.Form Dependent Selects Sample (Smart GWT)Form Dependent Selects Sample (Smart GWT)
12.Add fields to a form with setFields (Smart GWT)Add fields to a form with setFields (Smart GWT)
13.Form Data bound Dependent Selects Sample (Smart GWT)Form Data bound Dependent Selects Sample (Smart GWT)
14.Expand or collapse the text box (Smart GWT)Expand or collapse the text box (Smart GWT)
15.Link the table and form fields (Smart GWT)Link the table and form fields (Smart GWT)
16.Using FormPanel to layout fields (Ext GWT)Using FormPanel to layout fields (Ext GWT)
17.Two-column form (Ext GWT)Two-column form (Ext GWT)
18.Collapsible FieldSet (Ext GWT)Collapsible FieldSet (Ext GWT)
19.CheckBox toggling FieldSet (Ext GWT)CheckBox toggling FieldSet (Ext GWT)
20.Support for standard Panel features such as framing, buttons and toolbars (Ext GWT)Support for standard Panel features such as framing, buttons and toolbars (Ext GWT)
21.ContentPanel with buttons (Ext GWT)ContentPanel with buttons (Ext GWT)
22.Make ContentPanel Collapsible (Ext GWT)Make ContentPanel Collapsible (Ext GWT)
23.Set busy status for Status control (Ext GWT)Set busy status for Status control (Ext GWT)