Using <af:iterator> to implement forms
In this post, I am going to illustrate how you can use the <af:iterator> to implement forms. You can achieve the same by following these steps :-
1. First of all you need to create the required bindings. Drag and drop the VO as table to create the binding.
Table code -
Following bindings got created -
2. Now drop <af:iterator> from the component Pallete and specify the values for properties value, rows and var copying from <af:table> that you dropped.
<af:iterator id="i1" value="#{bindings.EmployeesVO1.collectionModel}" var="row"
rows="#{bindings.EmployeesVO1.rangeSize}">
3.Now, copy the attributes from table (which are under each column) into the <af:iterator> . Then cut the table code ( don't delete it from structure window or design to protect the bindings ).
4. Arrange all these attributes in your preferred layout and run the page. That's it. You'll see each VO row data one by one. If you've dropped it as editable fields, you can edit them and Commit. Here we are just displaying them.
Application can be downloaded from
here .