ajax - p :commandButton update doesn't work in ui:include

Question

我想通过 PPR 更新页面的一部分。
这是我要更新的页面部分:

 <h:panelGroup id="aggiungiAuto"
                  rendered="#{!autoBean.operazioneOk}">
        <ui:include src="../component/aggiungi_auto.xhtml"/>
 </h:panelGroup>

虽然这是 aggiungi_auto.xhtml 中的 commandButton

 <p:commandButton value="Submit"
                  update="growl aggiungiAuto aggiungiFoto"
                  actionListener="#{autoBean.insert}"/>

任何的想法？

Answer 1

JS/Ajax 工作在客户端，而不是服务器端。 JSF 在服务器端工作，而不是在客户端工作。当您指示 JSF 不将组件呈现为 HTML 时，客户端将不存在任何内容，因此 JS/Ajax 将无法定位要刷新/更新的 HTML 元素。

你需要把它包装在另一个 <h:panelGroup> .

<h:panelGroup id="aggiungiAuto">
    <h:panelGroup rendered="#{!autoBean.operazioneOk}">
        <ui:include src="../component/aggiungi_auto.xhtml"/>
    </h:panelGroup>
</h:panelGroup>

这样 <span id="aggiuniAuto">始终存在于客户端，因此 JS/Ajax 将能够使用 JSF 生成的新 HTML 数据更新它。