jsf - JQuery で読み込まれた JSF ページが親ページを更新しない (Primefaces)

Question

私は現在、JSF2.0 で Facelets ページを作成しており、Primefaces を使用して見栄えを良くしています:D. しかし、私には解決できないように見える問題があります。私のページの背後にあるアイデアは次のとおりです。さまざまなアコーディオン タブを含むダッシュボード ページがあり、各タブにはプライムフェイス データテーブルがあります。そのデータテーブルには、特定のユーザーの行がいくつかあります。しかし、データテーブルに新しい行を追加したいときは、次の方法を使用します。データテーブルの下に「行を追加」ボタンがあり、クリックすると、JQuery を介してボタンの下にある div にページが読み込まれます。そのdivには、検証などがロードされた「addrow」ページがあります。

しかし、ここに問題があります。含まれているページの追加ボタンをクリックすると、「親」ページのデータテーブルを更新したいので、追加ページを含むページで、これは更新属性として機能しません私の p:commandButton は、親ページでデータテーブルまたはその他のコンポーネントを見つけられないようです。

親ページのコンポーネントを更新する方法を誰かが教えてくれたら？

関連するコード フラグメントは次のとおりです。 親ページ (「コンテンツ div」に追加ページを含む)

            <f:view contentType="text/html" beforePhase="#{userBean.retrievePersonalInformation}">
            <h:outputText value="#{companyBean.companyName}" id="test2"/>
            <h:form id="form" prependId="false">
                <p:accordionPanel autoHeight="true" effect="bounceslide" id="accordion">
                    <p:tab title="Personal information">
                        <h:panelGrid columns="2" cellpadding="10">
                            <h:outputText
                                    value="Welkom #{loginBean.username}"/><br/>
                            <h:outputText value="#{bundle.name}"/>
                            <h:outputText value="#{userBean.lastName}"/>
                            <h:outputText value="#{userBean.street}"/>
                            <h:outputText value="#{userBean.zipCode}"/>
                            <h:outputText value="#{userBean.city}"/>
                            <h:outputText value="#{userBean.cellPhone}"/>
                            <h:outputText value="#{userBean.phone}"/>
                            <h:outputText value="#{userBean.email}"/>
                            <h:outputText value="#{userBean.dateOfBirth}"/>
                            <h:outputText value="#{userBean.gender}"/>
                            <h:outputText value="training: #{userBean.trainingName}"/>
                        </h:panelGrid>
                    </p:tab>
                    <p:tab title="My studies">
                        <h:panelGrid columns="2" cellpadding="10">
                            <h:outputText value="My studies"/>
                        </h:panelGrid>
                    </p:tab>
                    <p:tab title="My job history">
                        <h:panelGrid columns="2" cellpadding="10">
                            <h:outputText value="My Job history"/>
                        </h:panelGrid>
                    </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:panelGrid>
                    </p:tab>
                    <p:tab title="My Certificates">
                        <h:panelGrid columns="2" cellpadding="10">
                            <input type="button" id="btnCertificate" value="show me"/>
                        </h:panelGrid>
                    </p:tab>
                    <p:tab title="My Trainings">
                        <h:panelGrid columns="2" cellpadding="10">
                            <p:dataTable var="training" value="#{trainingBean.trainingsByUser}" id="trainingTable"
                                         emptyMessage="No trainings found with given criteria" paginator="true"
                                         rows="10"
                                         paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
                                         rowsPerPageTemplate="5,10,15">

                                <p:column headerText="Training name" sortBy="#{training.name}"
                                          filterBy="#{training.name}" filterMatchMode="contains"
                                          style="width: 100px;">
                                    <h:outputText value="#{training.name}"/>
                                </p:column>

                                <p:column headerText="Training date" sortBy="#{training.trainingDate}"
                                          filterBy="#{training.trainingDate}" filterMatchMode="contains"
                                          style="width: 100px;">
                                    <h:outputText value="#{training.trainingDate}"/>
                                </p:column>
                                <p:column headerText="Training description" sortBy="#{training.description}"
                                          filterBy="#{training.description}" filterMatchMode="contains"
                                          style="width: 100px;">
                                    <h:outputText value="#{training.description}"/>
                                </p:column>
                            </p:dataTable>
                        </h:panelGrid>
                    </p:tab>
                    <p:tab title="My Companies">
                        <p:dataTable value="#{companyBean.companiesByUser}" var="company" id="companyTable"
                                     emptyMessage="No companies found for given user" paginator="true" rows="10"
                                     paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
                                     rowsPerPageTemplate="5,10,15">

                            <p:column headerText="name" sortBy="#{company.companyName}"
                                      filterBy="#{company.companyName}"
                                      filterMatchMode="contains"
                                      style="width: 100px;">
                                <h:outputText value="#{company.companyName}"/>
                            </p:column>
                            <p:column headerText="Start date" sortBy="#{company.startDate}"
                                      filterBy="#{company.startDate}"
                                      filterMatchMode="contains"
                                      style="width: 100px;">
                                <h:outputText value="#{company.startDate}">
                                    <f:convertDateTime pattern="dd/MM/yyyy" type="date" timeZone="CET"/>
                                </h:outputText>
                            </p:column>
                            <p:column headerText="End date" sortBy="#{company.endDate}"
                                      filterBy="#{company.endDate}"
                                      filterMatchMode="contains"
                                      style="width: 100px;">
                                <h:outputText value="#{company.endDate}">
                                    <f:convertDateTime pattern="dd/MM/yyyy" type="date" timeZone="CET"/>
                                </h:outputText>
                            </p:column>
                            <p:column>
                                <p:commandButton id="btnEditCompany" value="Edit company" action="#{companyBean.navigateUser}" oncomplete="showCertificateEdit()">
                                    <f:setPropertyActionListener value="#{company}" target="#{companyBean.selectedCompany}"/>
                                </p:commandButton>
                            </p:column>
                        </p:dataTable>
                        <input type="button" id="btnAddCompany" value="Add company"/>
                    </p:tab>
                </p:accordionPanel>
            </h:form>

            <div id="content">

            </div>
        </f:view>

追加ページ

            <f:view contentType="text/html">
            <ui:composition>
                <h:form id="companyForm" prependId="false">
                    <h:message for="name"/>
                    <h:message for="startdate"/>
                    <h:message for="enddate"/>

                    <h:outputText class="label" value="name: "/>
                    <h:inputText id="name" styleClass="inputtext validate[required]"
                                 value="#{companyBean.companyName}"/>
                    <h:outputText class="label" value="start date: "/>
                    <h:inputText id="startdate" styleClass="inputtext validate[required]"
                                 value="#{companyBean.startDate}">
                        <f:convertDateTime pattern="dd/MM/yyyy"/>
                    </h:inputText>
                    <h:outputText class="label" value="end date: "/>
                    <h:inputText id="enddate" styleClass="inputtext validate[required]"
                                 value="#{companyBean.endDate}">
                        <f:convertDateTime pattern="dd/MM/yyyy"/>
                    </h:inputText>

                    <h:outputText class="label" value="type: "/>
                    <h:selectOneMenu styleClass="input" value="#{companyBean.type}">
                        <f:selectItem itemValue="0" itemLabel="Internal"/>
                        <f:selectItem itemValue="1" itemLabel="External"/>
                    </h:selectOneMenu>

                    <h:commandButton action="cancel" value="cancel" immediate="true"/>
                    <p:commandButton id="btnAddCompanyTest" actionListener="#{companyBean.addCompany}" value="Add company" ajax="false"/>

                </h:form>
            </ui:composition>
        </f:view>

JQuery ロード メソッド

jQuery("#btnAddCompany").click(function() {
    jQuery("#content").load('/user/companyDetail.xhtml',function(){
        jQuery("#companyForm").validationEngine('attach', {promptPosition : "topRight", scroll: false});
    });
});

バッキングビーンの追加方法

public String addCompany() {
        FacesContext facesContext = FacesContext.getCurrentInstance();
        try {
            companyService.addCompany(companyName, startDate, endDate, type);
            loadCompanyList();
        } catch (cvApplicationException e) {
            facesContext.addMessage("companyForm", new FacesMessage(e.getMessage()));
        }
        return "../user/dashboard.xhtml?faces-redirect=true";
    }

私の backingBean は sessionscoped です。

前もって感謝します