dataTable-popupPanel master-detail 不保存编辑的值答案

【问题标题】：dataTable-popupPanel master-detail doesn't save edited valuesdataTable-popupPanel master-detail 不保存编辑的值
【发布时间】：2026-01-30 17:20:03
【问题描述】：

我有一个显示在数据表中的产品列表，并且想要在弹出窗口中编辑数据表中的特定行，如下所述

包含所有员工详细信息的数据表，每行都有编辑按钮。单击编辑按钮时，新的弹出窗口应显示特定点击产品的现有信息，编辑后，必须反映该特定产品的更改列表中的对象以及数据表中的对象。

我正在为此苦苦挣扎，但我无法保存已编辑产品中的更改。打开弹出窗口时，我可以看到所选项目的属性，但是当我更改属性时，没有任何变化。这是我的jsf代码。

<a4j:outputPanel ajaxRendered="true">
    <h:dataTable id="table1" value="#{productBean.products}" var="item"
        styleClass="resultTable" headerClass="resultTableHeader"
        rowClasses="resultTableRow">
        <h:column>
            <f:facet name="header">
                <h:outputText value="Part#" />
            </f:facet>
            <h:outputText value="#{item.partNumber}" />
        </h:column>

        <h:column>
            <f:facet name="header">
                <h:outputText value="Product Description" />
            </f:facet>
            <h:outputText value="#{item.description}" />
        </h:column>
        <h:column>  
        <a4j:commandButton value="Edit" action="#{productBean.setEditItem(item)}" oncomplete="#{rich:component('popup')}.show()"> </a4j:commandButton>

                    <rich:popupPanel  id="popup" modal="true" resizeable="true"
                onmaskclick="#{rich:component('popup')}.hide()">
                <f:facet name="header">
                    <h:outputText value="Edit property of the product" />
                </f:facet>
                <f:facet name="controls">
                    <h:outputLink value="#"
                        onclick="#{rich:component('popup')}.hide(); return false;">
                      X
                  </h:outputLink>
                </f:facet>
                <!-- editProduct ı burda item yerine kullan  -->                    
                <table style="align: center;">
                    <tr>
                        <td><h:panelGrid columns="2">
                                <h:outputText value="Description"></h:outputText>
                                <h:inputText value="#{productBean.item.description}"></h:inputText>
                            </h:panelGrid></td>
                    </tr>
                    <tr>
                        <td><h:panelGrid columns="2">
                                <h:outputText value="Part Number"></h:outputText>
                                <h:inputText value="#{item.partNumber}"></h:inputText>
                            </h:panelGrid></td>
                    </tr>
                </table> 
                    <a4j:commandButton value="Submit" action="#{productBean.actionEditProductsFromDatabase(item)}"  execute="@popup"/>
                    <a4j:commandButton value="Cancel" onclick="#{rich:component('editPane')}.hide(); return false;" />
            </rich:popupPanel>
        </h:column>
    </h:dataTable>

</a4j:outputPanel>

</h:form>

【问题讨论】：

标签： jsf-2 datatable popup richfaces

【解决方案1】：

参考 RichFaces 组件参考中的 Placement 标注：

http://docs.jboss.org/richfaces/latest_4_X/Component_Reference/en-US/html_single/#sect-Component_Reference-Panels-richpopupPanel

<rich:popupPanel> 组件通常呈现在任何前面页面上的其他对象。这是通过附加组件来实现的到页面的<body> 元素，并设置一个非常高的“z-index” （对象的堆栈顺序）。采取这种方法是因为相对定位的元素仍然可以与弹出面板重叠，如果它们存在于 DOM 层次结构的更高级别，即使它们的 z-index 小于<rich:popupPanel> 组件。

如果<rich:popupPanel>是参与提交子组件/行为，则 form 元素必须嵌套在 <rich:popupPanel>。或者，如果不存在重叠元素， <rich:popupPanel> 组件可以重新附加到其原始 DOM 将 domElementAttachment 设置为父元素或表单。

【讨论】：