Ajax 更新不起作用

Question

为什么#{uImanager.select} 从未更新？

<p:panel id="EditDetailsPanel" header="Edit Details">
    <h:panelGrid columns="2" cellpadding="5">
        <h:outputLabel value="Simple :" />
        <h:selectOneMenu value="#{uImanager.select}">
            <f:selectItem itemValue="val1" itemLabel="Coffee1" />
            <f:selectItem itemValue="val2" itemLabel="Coffee2" />
            <f:selectItem itemValue="val3" itemLabel="Coffee3" />                                  
        </h:selectOneMenu>
    </h:panelGrid>
    <p:commandButton value="Submit" update="EditDetailsForm:EditDetailsPanel"/>
    #{uImanager.select}
</p:panel> 

它指向一个带有getter 和setter 的private String Select;。它在会话范围的托管 bean 中定义。

Answer 1

因为您的 update 属性可能指向无效的客户端 ID。如果您注意服务器日志，那么您应该已经从 PrimeFaces 看到类似以下内容：

INFO: Cannot find component with identifier "EditDetailsForm:EditDetailsPanel" in view.

由于<p:panel> 与<p:commandButton> 本身位于同一个UINamingContainer 父级中（至少，根据您到目前为止发布的代码），您只需指定其相对客户端ID：

<p:commandButton value="Submit" update="EditDetailsPanel"/>

或者如果你坚持指定绝对客户端ID，那么你需要在它前面加上::

<p:commandButton value="Submit" update=":EditDetailsForm:EditDetailsPanel"/>

请注意，这仅在 <h:form> 本身没有另一个 UINamingContainer 父级时才有效。在浏览器中打开页面，右键单击并查看源代码以计算生成的 HTML 元素 ID。最后你需要取那个值，前缀为:。