1 Attachment(s)
Issue with Springs Web Flow. Form Submit Values are Right, AjaxEventDecoration is NOT
I am having a issue with Springs Web Flow. If the user clicks on the form submit button I will have the **RIGHT** values in my bean.
Example the sex field will be MALE or FEMALE. But I then added a ***AjaxEventDecoration*** to do a submit on change of the sex dropdown box which is really a **form:select** and in the bean I will get the value **"sex"** which is the elementId. Below is my code can you please review it and let me know what you think... I need to fix this value ASAP...
Code:
<%@ taglib prefix="c" uri="http://java.sun.com/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jstl/fmt"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
<style type="text/css" media="screen">
@import url("<c:url value="/resources/dojo/resources/dojo.css"/>");
@import url("<c:url value="/resources/dijit/themes/claro/claro.css"/>");
</style>
<script djconfig="parseOnLoad: true"
src="<c:url value="/resources/dojo/dojo.js"/>" type="text/javascript"></script>
<script type="text/javascript"
src="<c:url value="/resources/spring/Spring.js" />"> </script>
<script type="text/javascript"
src="<c:url value="/resources/spring/Spring-Dojo.js" />"></script>
<script type="text/javascript">dojo.require("dojo.parser");</script>
<html>
<head>
<title>Spring 3.0 MVC - Web Flow Example</title>
</head>
<body class="claro">
<h2>Customer Registration</h2>
<form:form commandName="customer" id="customer">
<input type="hidden" name="_flowExecutionKey"
value="${flowExecutionKey}" />
<div id="container">
<table>
<tr>
<td><b>Active</n></td>
<td><form:radiobutton tabIndex="1" value="A" path="type"
id="Active" /></td>
</tr>
<tr>
<td><b>Retired</b></td>
<td><form:radiobutton tabIndex="2" value="R" path="type"
id="Retired" /> <script type="text/javascript">
Spring.addDecoration(new Spring.ElementDecoration(
{
elementId : 'Active',
widgetType : "dijit.form.RadioButton",
widgetModule : "dijit.form.CheckBox",
widgetAttrs : {
value : "A",
required : true,
promptMessage : "For Active"
}
}));
Spring.addDecoration(new Spring.ElementDecoration(
{
elementId : 'Retired',
widgetType : "dijit.form.RadioButton",
widgetModule : "dijit.form.CheckBox",
widgetAttrs : {
value : "R",
required : true,
promptMessage : "For Retired"
}
}));
</script></td>
</tr>
<tr>
<td><font color=red><form:errors path="sex" /></font><b>Sex:
</b></td>
<td><form:select path="sex" id="sex">
<form:option value="MALE" label="MALE" />
<form:option value="FEMALE" label="FEMALE" />
</form:select>
<script type="text/javascript">
Spring.addDecoration(new Spring.ElementDecoration({
elementId : "sex",
widgetType : "dijit.form.Select",
widgetAttrs : {
promptMessage : "Enter Borough",
required : true }}));
</script>
<br />
<p></td>
</tr>
<tr>
<td><font color=red><form:errors path="name" /></font><b>Name:
</b></td>
<td><form:input path="name" class="value" /> <script
type="text/javascript">
Spring.addDecoration(new Spring.ElementDecoration({
elementId : "name",
widgetType : "dijit.form.ValidationTextBox",
widgetAttrs : {
promptMessage : "Enter Name",
required : true
}
}));
</script> <br />
<p></td>
</tr>
<tr>
<td><font color=red><form:errors path="phoneNumber" /></font>
<b>Phone number: </b></td>
<td>
<div class="span-7 last">
<form:input path="phoneNumber" /> (10 numbers)
</div> <script type="text/javascript">
Spring
.addDecoration(new Spring.ElementDecoration(
{
elementId : "phoneNumber",
widgetType : "dijit.form.ValidationTextBox",
widgetAttrs : {
required : true,
invalidMessage : "A 10-digit number is required.",
regExp : "[0-9]{10}"
}
}));
</script> <br />
</td>
</tr>
<tr>
<td><font color=red><form:errors path="address" /></font> <b>Address:
</b></td>
<td><form:input path="address" /> <script
type="text/javascript">
Spring.addDecoration(new Spring.ElementDecoration({
elementId : "address",
widgetType : "dijit.form.ValidationTextBox",
widgetAttrs : {
promptMessage : "Enter Address",
required : true
}
}));
</script> <br /></td>
</tr>
<tr>
<td><font color=red><form:errors path="city" /></font> <b>City:
</b></td>
<td><form:input path="city" /> <script type="text/javascript">
Spring.addDecoration(new Spring.ElementDecoration({
elementId : "city",
widgetType : "dijit.form.ValidationTextBox",
widgetAttrs : {
promptMessage : "Enter City",
required : true
}
}));
</script> <br /></td>
</tr>
<tr>
<td><font color=red><form:errors path="state" /></font> <b>State:
</b></td>
<td><form:input path="state" /> <script
type="text/javascript">
Spring.addDecoration(new Spring.ElementDecoration({
elementId : "state",
widgetType : "dijit.form.ValidationTextBox",
widgetAttrs : {
promptMessage : "Enter State",
required : true
}
}));
</script> <br /></td>
</tr>
<tr>
<td><font color=red><form:errors path="zipCode" /></font> <b>Zip
Code: </b></td>
<td><form:input path="zipCode" /> <script
type="text/javascript">
Spring.addDecoration(new Spring.ElementDecoration({
elementId : "zipCode",
widgetType : "dijit.form.ValidationTextBox",
widgetAttrs : {
promptMessage : "Enter Zip Code",
required : true
}
}));
</script> <br /></td>
</tr>
</table>
</div>
<input type="submit" name="_eventId_submit" id="submit" value="Submit" />
<input type="submit" name="_eventId_cancel" value="Cancel" />
<script type="text/javascript">
Spring.addDecoration(new Spring.ValidateAllDecoration({
elementId : 'submit',
event : 'onclick'
}));
Spring.addDecoration(new Spring.AjaxEventDecoration({
elementId: "sex",
event: "onChange",
formId:"customer",
params: {fragments:"body", _eventId: "loadSchools"}}));
</script>
</form:form>
</body>
</html>
Below is how the screen looks if you run it.
Attachment 5236
