3.0.4/examples/Workbench/context/Fields.html

<!-- $Id$ -->

<span jwcid="@Border">

Tapestry includes a number of form-related components.  Tapestry components are
responsible for reading properties when a page is rendered, to supply default values,
and writing properties when the form is submitted; it is never necesssary to write
code to directly read HTTP parameters.

<p>
In addition, Tapestry includes the ValidField component which
is part of a framework that allows for complex validation of user input
as well as presentation of errors.

<p>
<form jwcid="@Form" listener="ognl:listeners.clientValidationChanged">
<input jwcid="inputEnabled"/> Enable Client Side Validation
</form>

<p>ValidField components can perform validations on the client-side, triggered
by the user submitting the form.  The checkbox above enables or disables
this feature.  Input is always rechecked on the server-side (in case the client
doesn't support JavaScript).

<span jwcid="showError"/>

<form jwcid="@Form" listener="ognl:listeners.formSubmit" delegate="ognl:beans.delegate">

<table class="form">
	<tr>
		<th><span jwcid="@FieldLabel" field="ognl:components.inputDate"/></th>
		<td><input jwcid="inputDate"/></td>
	</tr>
  <tr>
  	<th><span jwcid="@FieldLabel" field="ognl:components.inputInt"/></th>
  	<td><input jwcid="inputInt"/></td>
  </tr>
  <tr>
  	<th><span jwcid="@FieldLabel" field="ognl:components.inputDouble"/></th>
  	<td><input jwcid="inputDouble"/></td>
  </tr>
  <tr>
  	<th><span jwcid="@FieldLabel" field="ognl:components.inputBigDecimal"/></th>
  	<td><input jwcid="inputBigDecimal"/></td>
  </tr>
  <tr>
 	<th><span jwcid="@FieldLabel" field="ognl:components.inputLong"/></th>
 	<td><input jwcid="inputLong"/></td>
  </tr>

  <tr>
  	<th><span jwcid="@FieldLabel" field="ognl:components.inputString"/></th>
  	<td><input jwcid="inputString"/></td>
  </tr>

  <tr>
  	<th><span jwcid="@FieldLabel" field="ognl:components.inputEmail""/></th>
  	<td><input jwcid="inputEmail"/></td>
  </tr>

  <tr>
  	<td></td>
  	<td><input jwcid="@ImageSubmit" image="ognl:assets.continue"/> <a jwcid="@LinkSubmit">continue -&gt;</a></td>
</table>

</form>
</span>