从test.xhtml更新template.xhtml上的组件

Question

我的模板上有一个menutab，我在每一页都使用。我想从另一个基于模板的分页中更新模板中的组件。

它的工作方式与任何其他电子邮件页面一样，只要我阅读电子邮件，它就应该更新未读电子邮件的数量。这个数字显示在template.xhtml的menutab中，电子邮件在我的test.xhtml上。我一看到电子邮件，就应该更新template.xhtml中menutab中未读电子邮件的数量。

这是我的template.xhtml

<ui:define name="navi">
    <h:form id="navForm">
        <div id="MMeineVersicherungen" class="hauptmenu">
            <h:commandLink action="#{navigationController.switchView('1')}">#{messages['menu.1']}</h:commandLink>
        </div>
        <div id="MPolizzen" class="menuitem">
            <h:commandLink action="#{navigationController.switchView('1.1')}"
                styleClass="#{navigationController.isAktPageId('1.1') or navigationController.isAktPageId('1') ? 'activelink' : ''}">- #{messages['menu.1.1']}</h:commandLink>
        </div>
        <div id="MSchaeden" class="menuitem">
            <h:commandLink action="#{navigationController.switchView('1.2')}"
                styleClass="#{navigationController.isAktPageId('1.2') ? 'activelink' : ''}">- #{messages['menu.1.2']}</h:commandLink>
        </div>
        <div id="MTopKunden" class="menuitem">
            <h:commandLink action="#{navigationController.switchView('1.3')}"
                styleClass="#{navigationController.isAktPageId('1.3') ? 'activelink' : ''}">- #{messages['menu.1.3']}</h:commandLink>
        </div>

        <div id="MMeineDaten" class="hauptmenu">
            <h:commandLink action="#{navigationController.switchView('2')}">#{messages['menu.2']}</h:commandLink>
        </div>
        <div id="MKundendaten" class="menuitem">
            <h:commandLink action="#{navigationController.switchView('2.1')}"
                styleClass="#{navigationController.isAktPageId('2.1') or navigationController.isAktPageId('2') ? 'activelink' : ''}">- #{messages['menu.2.1']}</h:commandLink>
        </div>
        <div id="MBenutzer" class="menuitem">
            <h:commandLink action="#{navigationController.switchView('2.2')}"
                styleClass="#{navigationController.isAktPageId('2.2') ? 'activelink' : ''}">- #{messages['menu.2.2']} </h:commandLink>
        </div>

        <div id="MPostfach" class="hauptmenu">
            <h:commandLink action="#{navigationController.switchView('3')}"
                styleClass="#{navigationController.isAktPageId('3') ? 'activelink' : ''}">(#{post.getAnzahlNeueNachrichten()}) #{messages['menu.3']} </h:commandLink>
        </div>
        <div id="MKommunikationsvereinb" class="hauptmenu">
            <h:commandLink action="#{navigationController.switchView('4')}"
                styleClass="#{navigationController.isAktPageId('4') ? 'activelink' : ''}">#{messages['menu.4']}</h:commandLink>
        </div>

        <div id="MAbmelden" class="hauptmenu" style="margin-top: 20px;">
            <h:commandLink action="#{loginController.logout}"
                value="#{messages['menu.5']}" />
        </div>
    </h:form>
</ui:define>

这是test.xhtml

<ui:define name="main">
    <h:form id="postform">
        <p:dialog id="msgdlg" dynamic="true" modal="true" widgetVar="msgdlg"
            width="600" height="500">
            <f:facet name="header">#{post.aktNachricht.subject}</f:facet>
            <p:ajax event="close" listener="#{post.closeDlg}" />
            <p:hotkey bind="esc" handler="msgdlg.hide(); " />
            <ui:include src="#{post.view}" />
        </p:dialog>

        <p:tabView id="posttabview" activeIndex="0" cache="true">

            <p:tab id="empftab" title="#{messages['post.empfangen']}"
                titleStyleClass="thementab">
                <p:dataTable value="#{post.empfangenList}" var="msg">
                    <p:column styleClass="coldatum">
                        <p:commandLink action="#{post.showNachricht(msg)}"
                            oncomplete="msgdlg.show();" update=":postform">
                            <h:outputText value="#{msg.datum}"
                                styleClass="#{msg.gelesen ? '' : 'unread'}">
                                <f:convertDateTime pattern="dd.MM.yyyy"
                                    timeZone="Europe/Berlin" />
                            </h:outputText>
                        </p:commandLink>
                    </p:column>
                    <p:column>
                        <h:outputText value="#{msg.subject}"
                            styleClass="#{msg.gelesen ? '' : 'unread'}" />
                    </p:column>


                </p:dataTable>
            </p:tab>

            <p:tab id="sendtab" title="#{messages['post.gesendet']}"
                titleStyleClass="thementab">
            </p:tab>

        </p:tabView>

        <br />
        <p:commandButton value="#{messages['post.neu']}" action="#{post.neu}"
            update="msgdlg" oncomplete="msgdlg.show();" />


    </h:form>
</ui:define>