源码如下:
AJAXForm.java
package corner.app.pages.ajax;
import java.util.Date;
import org.apache.tapestry5.annotations.Component;
import org.apache.tapestry5.annotations.InjectComponent;
import org.apache.tapestry5.annotations.Property;
import org.apache.tapestry5.corelib.components.DateField;
import org.apache.tapestry5.corelib.components.Form;
import org.apache.tapestry5.corelib.components.TextField;
import org.apache.tapestry5.corelib.components.Zone;
import org.apache.tapestry5.ioc.annotations.Inject;
import org.apache.tapestry5.services.Request;
/**
* @author <a href="mailto:xf@bjmaxinfo.com">xiafei</a>
*
*/
public class AJAXForm {
@Property
private String firstName;
@Property
private String lastName;
@Property
private Date birthday;
// Generally useful bits and pieces
@Inject
private Request request;
@Component
private Form ajaxForm;
@Component(id = "birthday")
private DateField birthdayField;
@Component(id = "firstName")
private TextField firstNameField;
@Component(id = "lastName")
private TextField lastNameField;
@InjectComponent
private Zone formZone;
// The code
void setupRender() {
if (firstName == null && lastName == null && birthday == null) {
firstName = "Humpty";
lastName = "Dumpty";
birthday = new Date(0);
}
}
void onValidateFromAjaxForm() {
if (firstName == null || firstName.trim().equals("")) {
ajaxForm.recordError(firstNameField, "First Name is required.");
}
if (lastName == null || lastName.trim().equals("")) {
ajaxForm.recordError(lastNameField, "Last Name is required.");
}
if (birthday == null) {
ajaxForm.recordError(birthdayField, "Birthday is required.");
}
else {
Date now = new Date();
if (birthday.after(now)) {
ajaxForm.recordError(birthdayField, "Birthday must be in the past.");
}
}
}
Object onSuccess() {
return request.isXHR() ? formZone.getBody() : null;
}
Object onFailure() {
return request.isXHR() ? formZone.getBody() : null;
}
public String getName() {
return firstName + " " + lastName;
}
public Date getTime() {
return new Date();
}
}
AJAXForm.tml
<html t:type="layout" title="tapestryStart Index" t:sidebarTitle="Framework Version"
xmlns:t="http://tapestry.apache.org/schema/tapestry_5_3.xsd" xmlns:p="tapestry:parameter">
<h1>AJAX Form</h1>
<noscript>
<span style="color: red;">
${message:javascript_required}<br/><br/>
</span>
</noscript>
This page demonstrates how Tapestry AJAX-enables a Form if you specify the zone parameter of the Form.<br/><br/>
<t:zone t:id="formZone" id="formZone">
<form t:id="ajaxForm" t:type="form" t:zone="formZone" style="border: 2px solid #eee; padding: 15px">
First Name: <input t:type="TextField" t:id="firstName"/><br/>
Last Name: <input t:type="TextField" t:id="lastName"/><br/>
Birthday: <input t:type="datefield" t:id="birthday"/><br/><br/>
<input type="submit" value="Accept"/><br/><br/>
<t:errors/>
Welcome ${name}. Your birthday is ${birthday}
</form>
</t:zone>
</html>