Populating a master detail on the same form

Question

Hi everyone,
Here is my use case using the HR as an exemple. I need to create a form where I can create an new department (master) and a number of employees for that department (detail) on the same page. On my model I have a Employee view and Department view linked with a foreign key. I created a transient in the department view called nbempl (number of employee). nbempl is linked to a selectitem list where the user can select a number of employee to create for that department. I'm using PPR to display a number of detail rows for the user to fill in.
My question is how do I create x number of detail rows when the user select a number from the drop-down list? do I need a valueChangeListener on nbempl and create the rows there? could someone point me to examples similar to this.
Thank you

Answer 1

Thanks for your reply.
I looked at the example but my use case is different. I need to populate both the master and detail tables with new records using one form, that is one new record for dept. and any number of detail records as selected by the user. Here is the form i'm working on:
<h:form>
<af:panelForm>
<af:inputText value="#{bindings.DepartmentId.inputValue}"
label="Dept ID:"
required="#{bindings.DepartmentId.mandatory}">
<f:convertNumber groupingUsed="false"
pattern="#{bindings.DepartmentId.format}"/>
</af:inputText>
<af:inputText value="#{bindings.DepartmentName.inputValue}"
label="Dept Name"
required="#{bindings.DepartmentName.mandatory}">
<af:validator binding="#{bindings.DepartmentName.validator}"/>
</af:inputText>
</af:panelForm>
<af:selectOneChoice value="#{bindings.DepartmentsView1NbEmpl.inputValue}"
label="How many employee do you want to add for this dept.:"
autoSubmit="true" id="nbempl" immediate="true">
<f:selectItems value="#{bindings.DepartmentsView1NbEmpl.items}"/>
</af:selectOneChoice>
<af:panelGroup partialTriggers="nbempl">
<af:panelGroup rendered="#{bindings.DepartmentsView1NbEmpl.inputValue > 0}">
<af:outputText value="#{bindings.EmplTable.inputValue}"/>
<af:forEach begin="1" end="#{bindings.DepartmentsView1NbEmpl.inputValue}" varStatus="stat">
<af:panelForm>
<af:inputText label="Employee ID:" value=""/> <----------------------------- What do I put here ??
<af:inputText label="Employee Last Name:" value=""/> <----------------------------- What do I put here ??
</af:panelForm>
</af:forEach>
</af:panelGroup>
</af:panelGroup>
</h:form>
The selectOnChoice let the user select a number of detail records to add and the PPR will refresh the form and display a number of input fields in a forEach loop for employee details. Do I need to add a valueChangeListener to the selectOneChoice and insert new rows using a custom method? Is there a better way to do this? what kind of binding do I need in the page def?
Thank you.
Edited by: yvesg2 on Sep 17, 2009 5:59 AM