PrimeFaces Dialog：清空内容后如何强制重建避免二次打开为空？

问题原因 #

你使用<c:if>做服务器端条件渲染，同时在onHide事件里清空对话框内容，导致第二次打开时没有触发服务器端重新渲染，所以内容为空。<c:if>是JSTL标签，仅在页面初始渲染或组件被完整重新渲染时执行，清空内容后没有重新请求服务器生成新内容，自然显示为空。

解决方案 #

方案1：改用PrimeFaces客户端动态渲染（推荐） #

放弃<c:if>，使用PrimeFaces的<p:outputPanel rendered="...">属性，配合AJAX更新对话框内容，无需手动清空或重建对话框。

示例代码：

<!-- 打开对话框的按钮 -->
<p:commandButton value="查看产品详情" 
                 actionListener="#{yourBean.setSelectedProduct(selectedRow)}"
                 onComplete="PF('manageProductDialog').show();"
                 update="dialogContent" />

<!-- 对话框 -->
<p:dialog header="Product Details" showEffect="fade" modal="true" 
          widgetVar="manageProductDialog" responsive="true">
    <h:panelGroup id="dialogContent">
        <!-- 通用内容 -->
        <h:outputText value="产品名称：#{yourBean.selectedProduct.name}" />
        
        <!-- 动态显示的内容：根据选中产品的属性控制渲染 -->
        <p:outputPanel rendered="#{yourBean.selectedProduct.isSpecial}">
            <h:outputText value="特殊产品备注：" />
            <h:inputText value="#{yourBean.selectedProduct.specialNote}" />
        </p:outputPanel>
    </h:panelGroup>
</p:dialog>

原理：点击按钮时，先将选中行数据存入后端Bean，然后AJAX更新对话框内的dialogContent面板，服务器端会重新计算rendered属性的条件，生成对应内容后返回前端，最后显示对话框。

方案2：保留<c:if>，强制服务器端重建对话框内容 #

如果一定要使用<c:if>，需在每次打开对话框前触发AJAX请求，完整更新整个对话框，让服务器重新执行<c:if>条件。

示例代码：

<!-- 打开对话框的按钮 -->
<p:commandButton value="查看产品详情" 
                 actionListener="#{yourBean.setSelectedProduct(selectedRow)}"
                 onComplete="PF('manageProductDialog').show();"
                 update="manageProductDialog" />

<!-- 对话框 -->
<p:dialog id="manageProductDialog" header="Product Details" showEffect="fade" 
          modal="true" widgetVar="manageProductDialog" responsive="true">
    <!-- 通用内容 -->
    <h:outputText value="产品ID：#{yourBean.selectedProduct.id}" />
    
    <!-- 服务器端条件渲染的内容 -->
    <c:if test="#{yourBean.selectedProduct.hasStock}">
        <h:outputText value="库存数量：#{yourBean.selectedProduct.stockCount}" />
    </c:if>
</p:dialog>

原理：点击按钮时更新整个对话框组件，服务器端会重新解析<c:if>条件并生成对应的DOM元素，替换前端的对话框内容，避免清空后无内容的问题。

方案3：修复原有清空逻辑（不推荐） #

如果坚持使用onHide清空内容，需在每次显示对话框前重新加载内容：

<!-- 对话框 -->
<p:dialog header="Product Details" showEffect="fade" modal="true" 
          widgetVar="manageProductDialog" responsive="true"
          onHide="PF('manageProductDialog').content.empty();">
    <h:panelGroup id="dialogContent">
        <!-- 内容（含<c:if>） -->
    </h:panelGroup>
</p:dialog>

<!-- 打开按钮 -->
<p:commandButton value="查看详情" 
                 actionListener="#{yourBean.setSelectedProduct(selectedRow)}"
                 onComplete="PF('manageProductDialog').show();"
                 update="dialogContent" />

原理：清空内容后，下次打开前通过AJAX更新dialogContent，让服务器重新生成内容填充到对话框中。

内容的提问来源于stack exchange，提问作者grigouille