JSF : commandButton in dynamically loaded <ui:include> page doesn't work

Hi,

I have a dashboardpage made in facelets with JSF2.0 and on that page are several PrimeFaces datatables. Now I want to add a row to a datatable and the current method is the following :
- Beneath the datatable is a button "add study"
- when this button is clicked I dynamically load a page in a <ui:include> component.
- I fill my stuff in and click on a button in the included page
- datatable on my "parent" page is being updated.

Now I got this to work when I put my managed bean @SessionScoped but I was wondering how I can accomplish the same using @RequestScoped or @ViewScoped.
When I put my bean to @RequestScoped or @ViewScoped I can't get into my backing bean, so the action on my commandButton doesn't work anymore.

Here is the code for my dashboard page (my parent page)

<!DOCTYPE html
        PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<p:column headerText="StartDate" sortBy="#{study.startDate}"
                                              filterBy="#{study.startDate}"
                                              filterMatchMode="contains" style="width: 100px;">
                                        <h:outputText value="#{study.startDate}">
                                            <f:convertDateTime pattern="dd/MM/yyyy" type="date" timeZone="CET"/>
                                        </h:outputText>
                                    </p:column>

<p:column headerText="EndDate" sortBy="#{study.endDate}"
                                              filterBy="#{study.endDate}}"
                                              filterMatchMode="contains" style="width: 100px;">
                                        <h:outputText value="#{study.endDate}">
                                            <f:convertDateTime pattern="dd/MM/yyyy" type="date" timeZone="CET"/>
                                        </h:outputText>
                                    </p:column>
                                    <p:column headerText="School" sortBy="#{study.school}" filterBy="#{study.school}}"
                                              filterMatchMode="contains" style="width: 100px;">
                                        <h:outputText value="#{study.school}"/>
                                    </p:column>
                                    <p:column headerText="Specialization" sortBy="#{study.specialization}"
                                              filterBy="#{study.specialization}}" filterMatchMode="contains"
                                              style="width: 100px;">
                                        <h:outputText value="#{study.specialization}"/>
                                    </p:column>
                                    <p:column headerText="Remarks" sortBy="#{study.remarks}"
                                              filterBy="#{study.remarks}}"
                                              filterMatchMode="contains" style="width: 100px;">
                                        <h:outputText value="#{study.remarks}"/>
                                    </p:column>
                                </p:dataTable>
                                <h:commandButton id="btnAddStudy" title="Add Study" value="Add Study">
                                    <f:ajax render=":studyform"  listener="#{studyBean.navigate}"/>
                                    <f:param name="action" value="studyDetail.xhtml"/>
                                </h:commandButton>
                            </p:tab>
                            <p:tab title="My Technologies">
                                <h:panelGrid columns="2" cellpadding="10">
                                    <h:outputText value="My Technologies"/>
                                </h:panelGrid>
                            </p:tab>
                            <p:tab title="My language skills">
                                <h:panelGrid columns="2" cellpadding="10">
                                    <h:outputText value="My language skills"/>
                                </h:panelGrid>
                            </p:tab>
                            <p:tab title="My Certificates">
                                <h:panelGrid columns="2" cellpadding="10">
                                    <h:outputText value="only visible for systemmanager"/>
                                </h:panelGrid>
                            </p:tab>

</p:accordionPanel>

</div>
                </h:form>
            </f:view>
        </ui:define>
    </ui:composition>
</h:body>
</html>

Here is my code for my page that is being loaded into my parent page

<?xml version="1.0" encoding="UTF-8"?>

<!DOCTYPE html
        PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<h:head>
    <title>Simple JSF Facelets page</title>
</h:head>

<h:body>
    <ui:composition>
            <p:messages/>
            <h:message for="startDate"/>
            <h:message for="endDate"/>
            <h:message for="school"/>
            <h:message for="diploma1"/>
            <h:message for="diploma2"/>
            <h:message for="diploma3"/>
            <h:message for="specialization1"/>
            <h:message for="specialization2"/>
            <h:message for="specialization3"/>
            <h:message for="remarks1"/>
            <h:message for="remarks2"/>
            <h:message for="remarks3"/>
            <h:outputText class="label" value="Start date: "/>
            <h:inputText id="startDate" styleClass="inputtext validate[required,custom[date]]"
                         value="#{studyBean.startDate}">
                <f:convertDateTime pattern="dd/MM/yyyy" timeZone="CET"/>
            </h:inputText>
            <h:outputText class="label" value="End date: "/>
            <h:inputText id="endDate" styleClass="inputtext validate[required,custom[date]]"
                         value="#{studyBean.endDate}">
                <f:convertDateTime pattern="dd/MM/yyyy" timeZone="CET"/>
            </h:inputText>
            <h:outputText class="label" value="school: "/>
            <h:inputText id="school" styleClass="inputtext validate[required, maxSize[5]]"
                         value="#{studyBean.school}"/>
            <h:outputText class="label" value="Specialization: "/>
            <h:inputText id="specialization1" styleClass="inputtext validate[maxSize[50]]"
                         value="#{studyBean.specialization[0]}"/>
            <h:inputText id="specialization2" styleClass="inputtext validate[maxSize[50]]"
                         value="#{studyBean.specialization[1]}"/>
            <h:inputText id="specialization3" styleClass="inputtext validate[maxSize[50]]"
                         value="#{studyBean.specialization[2]}"/>
            <h:outputText class="label" value="Diploma: "/>
            <h:inputText id="diploma1" styleClass="inputtext validate[maxSize[50]]"
                         value="#{studyBean.diploma[0]}"/>
            <h:inputText id="diploma2" styleClass="inputtext validate[maxSize[50]]"
                         value="#{studyBean.diploma[1]}"/>
            <h:inputText id="diploma3" styleClass="inputtext validate[maxSize[50]]"
                         value="#{studyBean.diploma[2]}"/>
            <h:outputText class="label" value="remarks: "/>
            <h:inputText id="remarks1" styleClass="inputtext validate[maxSize[200]]"
                         value="#{studyBean.remarks[0]}"/>
            <h:inputText id="remarks2" styleClass="inputtext validate[maxSize[200]]"
                         value="#{studyBean.remarks[1]}"/>
            <h:inputText id="remarks3" styleClass="inputtext validate[maxSize[200]]"
                         value="#{studyBean.remarks[2]}"/>
        <h:commandButton action="cancel" value="cancel" immediate="true"/>
        <p:commandButton id="btnAddStudyDetail" value="add study" action="#{studyBean.addStudy}" update=":form:studyTable">

</p:commandButton>
        <ui:remove>
        <h:commandButton id="btnAddStudyDetail1" value="add study" actionListener="#{studyBean.addStudy}">
            <f:ajax execute="@this" render=":form:studyTable"/>
        </h:commandButton>
        <h:commandButton id="btnAddStudyDetail2" value="add study">
            <f:ajax execute="@this" listener="#{studyBean.addStudy}" render=":form:studyTable"/>
        </h:commandButton>
        </ui:remove>
    </ui:composition>
</h:body>

</html>

Here is my backing bean

package be.groupwave.cvapplicatie.backingBeans;

import be.groupwave.cvapplicatie.exceptions.cvApplicationException;
import be.groupwave.cvapplicatie.model.Study;
import be.groupwave.cvapplicatie.model.User;
import be.groupwave.cvapplicatie.services.IStudyService;
import be.groupwave.cvapplicatie.util.LanguageUtil;
import org.primefaces.event.SelectEvent;

import javax.faces.application.FacesMessage;
import javax.faces.bean.*;
import javax.faces.component.UIComponent;
import javax.faces.context.FacesContext;
import javax.servlet.http.HttpServletRequest;
import javax.validation.constraints.Size;
import java.util.Date;
import java.util.List;

@ManagedBean
@SessionScoped
public class StudyBean {
    private static final int TOTAL_LANGUAGE = 3;

@ManagedProperty(value = "#{studyService}")
    private IStudyService studyService;
    @ManagedProperty(value = "#{userBean}")
    private UserBean userBean;

private Date startDate;
    private Date endDate;
    @Size(min = 1, max = 50, message = "School name is mandatory and cannot contain more than 50 characters")
    private String school;
    private String[] specialization = new String[TOTAL_LANGUAGE];
    private String[] diploma = new String[TOTAL_LANGUAGE];
    private String[] remarks = new String[TOTAL_LANGUAGE];
    private String[] languageCode = new String[TOTAL_LANGUAGE];
    private String outcome;
    private long userID;
    private long studyReference;
    private Study selectedStudy;
    private User selectedUser;
    private User user;
    private Study study;
    private List<Study> studyList;

private UIComponent dataTable;
    public String includePage;

public StudyBean() {
        resetFields();
    }

public String getIncludePage() {
        return includePage;
    }

public void setIncludePage(String includePage) {
        this.includePage = includePage;
    }

public void setStudyService(IStudyService studyService) {
        this.studyService = studyService;
    }

public void setUserBean(UserBean userBean) {
        this.userBean = userBean;
    }

public Date getStartDate() {
        return startDate;
    }

public void setStartDate(Date startDate) {
        this.startDate = startDate;
    }

public Date getEndDate() {
        return endDate;
    }

public void setEndDate(Date endDate) {
        this.endDate = endDate;
    }

public String getSchool() {
        return school;
    }

public void setSchool(String school) {
        this.school = school;
    }

public String[] getSpecialization() {
        return specialization;
    }

public void setSpecialization(String[] specialization) {
        this.specialization = specialization;
    }

public String[] getDiploma() {
        return diploma;
    }

public void setDiploma(String[] diploma) {
        this.diploma = diploma;
    }

public String[] getRemarks() {
        return remarks;
    }

public void setRemarks(String[] remarks) {
        this.remarks = remarks;
    }

public String[] getLanguageCode() {
        return languageCode;
    }

public void setLanguageCode(String[] languageCode) {
        this.languageCode = languageCode;
    }

public String getOutcome() {
        return outcome;
    }

public void setOutcome(String outcome) {
        this.outcome = outcome;
    }

public long getUserID() {
        return userID;
    }

public void setUserID(long userID) {
        this.userID = userID;
    }

public User getUser() {
        return user;
    }

public void setUser(User user) {
        this.user = user;
    }

public Study getSelectedStudy() {
        return selectedStudy;
    }

public void setSelectedStudy(Study selectedStudy) {
        this.selectedStudy = selectedStudy;
    }

public long getStudyReference() {
        return studyReference;
    }

public void setStudyReference(long studyReference) {
        this.studyReference = studyReference;
    }

public List<Study> getStudyList() {
        return studyList;
    }

public void setStudyList(List<Study> studyList) {
        this.studyList = studyList;
    }

public Study getStudy() {
        return study;
    }

public void setStudy(Study study) {
        this.study = study;
    }

private void resetFields() {
        languageCode[0] = LanguageUtil.NL.toString();
        languageCode[1] = LanguageUtil.EN.toString();
        languageCode[2] = LanguageUtil.FR.toString();
        for (int i = 0; i < specialization.length; i++) {
            specialization[i] = null;
            diploma[i] = null;
            remarks[i] = null;
        }
        school = "";
        outcome = "false";
        userID = 0;
        selectedStudy = null;
        studyReference = 0;
        studyList = null;
        selectedUser = null;
        user = null;
        study = null;
    }

private void clearFields() {
        for (int i = 0; i < specialization.length; i++) {
            specialization[i] = "";
            remarks[i] = "";
            diploma[i] = "";
        }
        startDate = null;
        endDate = null;
        school = "";
    }

public String navigate() {
        FacesContext facesContext = FacesContext.getCurrentInstance();
        try {
            includePage = ((HttpServletRequest) facesContext.getExternalContext().getRequest()).getParameter("action");
            //  setIncludePage(includePage);
            // String test = getIncludePage();
        } catch (Exception e) {
            facesContext.addMessage("form", new FacesMessage("You must select a study."));
        }
        return null;
    }

public String addStudy() {
        FacesContext facesContext = FacesContext.getCurrentInstance();
        User user = studyService.retrieveLoginUser();
        int j = 0;
        for (int i = 0; i < languageCode.length; i++) {
            try {
                if (!school.trim().equals("") && !specialization[i].trim().equals("")) {
                    if (startDate != null && endDate != null) {
                        study = studyService.retrieveStudyByUserAndStartDateAndEndDateAndSchoolAndSpecialization(user, startDate, endDate, school, specialization[i], languageCode[i]);
                    } else {
                        study = studyService.retrieveStudyByUserAndSchoolAndSpecialization(user, school, specialization[i], languageCode[i]);
                    }
                    if (study != null) {
                        studyReference = study.getReferenceNumber();
                        j++;
                        facesContext.addMessage("studyForm", new FacesMessage("This study already exists"));
                    } else {
                        if (j == 0 && user.getStudyList().size() > 0) {
                            studyReference = studyService.retrieveMaxStudyReference(user) + 1;
                            j++;
                        } else {
                            if (user.getStudyList().size() == 0) {
                                studyReference = 1;
                            }
                        }
                        studyService.addStudy(startDate, endDate, school, specialization[i], diploma[i], remarks[i], studyReference, languageCode[i]);
                        studyList = null;
                    }
                }
            } catch (cvApplicationException e) {
                facesContext.addMessage("studyForm", new FacesMessage(e.getMessage()));
            }
        }
        clearFields();
        outcome = null;
        return outcome;
    }

}

Hi, did you ever solve this problem? I've just hit the same issue.