Jsf datatable inside datatable component rendering problem.

Question

I am creating an online survey application using JSF with IceFaces component library. The survey can have any number of questions. Each question can be any one of the types checkbox, radio button, etc with multiple options.
For this, I am using a datatable to dynamically add a question to the survey. Inside that datatable, I am using another datatable to add option to the survey.
Now the problem is, if I keep on click on add question button, in the outer data table, question is being added without any issue. Once I click on inner data table to add a option to any of the added questions, I am able to add. But after that, if I click again on add question button, it is not working.
This is my xhtml code:
<ice:dataTable id="icePnlQuestionAdd" var="questAdd" value="#{createSurveyManagedBean.surveyQuestionList}">
<ice:column>
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<th><ice:outputText value="Question English" style="white-space: nowrap;" /></th>                                        
<td colspan="15">                              
<ice:inputText id="QuestionEn" style="width:485px;" value="#{questAdd.questionEn}" />
</td>
</tr>
<tr>
<ice:dataTable id="icePnlOptionAdd" var="optionAdd" value="#{questAdd.surveyQuestionOptionList}">                               <ice:column>
<th><ice:outputText value="Option " /></th>
<td><ice:inputText id="OptionEn" value="#{optionAdd.optionEn}" /></td>
</ice:column>
</ice:dataTable>
</tr>
</table>
</ice:column>
</ice:dataTable>
This is the add question method:
public String addQuestion() {
SurveyDTO addSurveyQuestionDTO = new SurveyDTO();          
questionNum = surveyQuestionList.size();          
addSurveyQuestionDTO.setQuestionNum(questionNum);
surveyQuestionList.add(addSurveyQuestionDTO);
return "createSurvey";
This is the add option method:
public String addOption() {
FacesContext context = FacesContext.getCurrentInstance();          
if (context.getExternalContext().getRequestParameterMap().get("questionNum") != null) {
String questionNum = (String) context.getExternalContext().getRequestParameterMap().get("questionNum");
int selectedQuestionNum = Integer.valueOf(questionNum);                    
SurveyQuestionOptionDTO surveyQuestionOptionDTO = new SurveyQuestionOptionDTO();
surveyQuestionList.get(selectedQuestionNum).getSurveyQuestionOptionList().add(surveyQuestionOptionDTO);
return "createSurvey";
}

Answer 1

Bind the h:datatable in the jsp to UIDataTable component in your java code. Then when the action method is invoked, use DataTable.getWrappedObject() to get the model. Cast the model to whatever your type is (List, Array...) and then iterate through the model to process individual rows.