Primefaces 选择器不更新 panelGroup

Question

我正在尝试 Primefaces 选择器，但它似乎无法更新 panelGroup。

<h:panelGroup layout="block" styleClass="updateMe">
    <h:outputText value="#{bean.value}"/>
</h:panelGroup>
<h:form>
    <h:inputText value="#{bean.value}"/>
    <h:commandButton value="submit">
        <p:ajax process="@form" update="@(.updateMe)" oncomplete="alert(1)"/>
    </h:commandButton>
</h:form>

在这种情况下，panelGroup 永远不会更新。但是如果我将panelGroup 更改为<p:outputPanel>，那么它工作正常。

观察生成的HTML，唯一的区别是panelGroup生成的<span>没有id，而outputPanel生成的id。这可能是第一个没有更新的原因吗（cos jQuery选择器找不到组件ID？）

如果是这种情况，是否还有其他没有任何 id 的组件在使用 Primefaces 选择器时应该避免使用？

Answer 1

当使用 Primefaces 选择器时，jQuery 用于在客户端选择组件，并发现它们的客户端 ID。当发送 AJAX 时，发送的参数之一是 javax.faces.partial.render，其值是应该更新的组件的客户端 ID。如果组件没有客户端 ID，则无法直接更新，例如可以更新父组件。为panelGroup 提供 id 属性并尝试使用 Primefaces 选择器对其进行更新。