-
<
page
xmlns:ft
="
http://apache.org/cocoon/forms/1.0#template
"
xmlns:fi
="
http://apache.org/cocoon/forms/1.0#instance
"
xmlns:jx
="
http://apache.org/cocoon/templates/jx/1.0
"
>
<
h4
class
="
samplesGroup
"
>
Aggregate widget
</
h4
>
<
title
>
Aggregate Field: Combine
</
title
>
-
<
content
>
<
p
>
On this form, you can enter phone and date, each as one field.
</
p
>
-
<
ft:form-template
action
="
1951241f44124b447f515f157e13661f63695444.continue
"
method
="
POST
"
>
-
<
table
align
="
center
"
>
-
<
tr
>
<
th
style
="
border-bottom: solid 1px black;
"
>
Explanation
</
th
>
<
th
style
="
border-bottom: solid 1px black;
"
>
Form
</
th
>
<
th
style
="
border-bottom: solid 1px black;
"
>
Data Model
</
th
>
</
tr
>
-
<
tr
>
-
<
td
>
-
<
p
>
When you click submit, following happens:
-
<
ul
>
<
li
>
Input values are validated
</
li
>
<
li
>
Input values are split onto parts
</
li
>
<
li
>
Each part value is validated
</
li
>
<
li
>
Each part value saved into the backend data model
</
li
>
</
ul
>
</
p
>
<
p
>
Switch to another aggregation example:
</
p
>
<
ft:widget
id
="
switch
"
/>
</
td
>
-
<
td
>
-
<
fi:group
>
<
fi:styling
layout
="
columns
"
/>
-
<
fi:items
>
<
ft:widget
id
="
phone
"
/>
<
ft:widget
id
="
date
"
/>
</
fi:items
>
</
fi:group
>
<
input
type
="
submit
"
value
="
Submit
"
/>
</
td
>
-
<
td
>
-
<
table
cellpadding
="
3
"
>
-
<
tr
>
<
td
>
Phone, part 1
</
td
>
<
th
/>
</
tr
>
-
<
tr
>
<
td
>
Phone, part 2
</
td
>
<
th
/>
</
tr
>
-
<
tr
>
<
td
>
Phone, part 3
</
td
>
<
th
/>
</
tr
>
-
<
tr
>
<
td
>
Phone, part 4
</
td
>
<
th
/>
</
tr
>
-
<
tr
>
<
td
>
Date, Day
</
td
>
<
th
/>
</
tr
>
-
<
tr
>
<
td
>
Date, Month
</
td
>
<
th
/>
</
tr
>
-
<
tr
>
<
td
>
Date, Year
</
td
>
<
th
/>
</
tr
>
</
table
>
</
td
>
</
tr
>
</
table
>
</
ft:form-template
>
-
<
p
>
<
a
href
="
../
"
>
Back to Forms samples
</
a
>
</
p
>
</
content
>
</
page
>