Ajax 更新部分的 panelGrid

Question

我有一个包含两列的面板网格，第一列包含一个标签，第二列包含一个组件。侦听器 backingBean.onFunktionChange将 backingBean.function的值设置为true。因此，在本例中呈现了学位的标签和菜单。

问题是，如果我首先在城市菜单中选择一个城市，然后更改菜单“功能”中的值，整个面板都会更新，因此城市菜单会重置。但是，在功能更改的情况下，我想保留预选的城市。

如果我用id＝panelFunction将函数和度的标签和组件包装在一个panelGroup中，让我们只更新这个面板，就会破坏两列布局。

有没有可能只更新panelGrid的一部分而不影响panelGrid的布局？

    <h:panelGrid columns="2" id="panel">

   <label>#{function}</label>
        <p:selectOneMenu id="menuFunction" value="#{...}" >
            <p:ajax event="change" process="menuFunction"
                update="panel"
                listener="#{backingBean.onFunctionChange}" />
            <f:selectItems .../>
        </p:selectOneMenu>


        <h:outputLabel id="labelDegree" for="menuDegree"
            value="#{msgs.degree}"
            rendered="#{backingBean.functionGraduand}" />
        <p:selectOneMenu id="menuDegree" value="#{...}" rendered="#{backingBean.functionGraduand}">
            <f:selectItems .../>
        </p:selectOneMenu>


        <label class="required">#{msgs.city}</label>
        <p:selectOneMenu value="#{...}" id ="city">
            <f:selectItems .../>
        </p:selectOneMenu>

    </h:panelGrid>

Answer 1

我通过在ajax请求中处理整个面板来解决这个问题：

...

<p:ajax event="change" process="panel"
                update="panel"
                listener="#{backingBean.onFunctionChange}" />

...