Question

让我们从我的问题开始：

我有两页：主页和专业。

两者都有相同的模板：<ui:composition template="/common/decorators/template.xhtml">

template.xhtml

.
.
.   
<app:metaHeader />
</h:head>
<h:body>
<app:status/>
<ui:debug hotkey="d" rendered="#{initParam['facelets.DEVELOPMENT']}" />
<div id="geral">
    <div id="header">
        <app:header />
    </div>
    <p:messages id="messages" showDetail="false" autoUpdate="true" closable="true" />   

    <ui:insert name="body" />
</div>
</h:body>
</html>

而<app:header />是：

<?xml version="1.0" encoding="ISO-8859-1"?>
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:t="http://myfaces.apache.org/tomahawk"
xmlns:c="http://java.sun.com/jstl/core"
xmlns:acegijsf="http://sourceforge.net/projects/jsf-comp/acegijsf"
xmlns:app="http://cni.org.br/tags"
xmlns:fn="http://java.sun.com/jsp/jstl/functions"
xmlns:p="http://primefaces.org/ui" xml:lang="pt" lang="pt">
<div id="header">

    <div class="content">
        <h:form>
            <div>
                <p:outputPanel>
                    <label>You are in:</label>
                    <h:selectOneMenu id="cities" value="#{bean.selectedCity}"
                        converter="omnifaces.SelectItemsConverter">
                        <f:selectItems id="selectedCity" value="#{bean.cityList}"
                            var="city" itemLabel="#{city.name}" itemValue="#{city}" />
                        <p:ajax event="change" listener="#{bean.citySession}"
                            update="?????????" />
                    </h:selectOneMenu>
                </p:outputPanel>
            </div>

        </h:form>
    </div>
</div>

所以，当我在标题中选择一个城市时，我需要更新整个main.xhtml页面，但只需要在profession.xhtml中的一些组件。

我尝试使用

<p:ajax event="change" listener="#{bean.citySession}" upate=":componentsIwant" />

<p:ajax event="change" listener="#{bean.citySession}" upate=":professionForm:componentsIwant" />

<p:ajax event="change" listener="#{bean.citySession}" upate=":general:professionForm:componentsIwant" />

但是我不会在main.xhtml上存在componentsIwant（我选择哪个专业的页面），所以我得到了：

找不到表达式为“：componentsIwant”的组件，引自“j_id18836674_3d6516fd：cities”。

我有办法解决它吗？

P.S。我无法更改模板，因为这是公司的标准。

Answer 1

我看到两种解决问题的方法：

表达语言

在<p:ajax />的更新属性中使用EL，例如：

update="#{someBean.someCondition ? ':formId:componentId' : ''}"

或

update="#{someBean.componentId}"

<强> <ui:param />

通过参数传递组件ID：

<ui:composition template="/template.xhtml">
    <ui:param name="componentId" value=":formId:componentId" />
    ...
</ui:composition>

并将其用作：

update="#{componentId}"

JSF2如何更新不同页面中的不同组件

1 个答案: