命令按钮更新属性不起作用

Question

我有一个 commandButton，它打开一个包含 table.

的对话框

单击按钮时会弹出对话框，但它不包含任何内容。

这是我的代码：

<h:panelGroup id="correctionsEntries" layout="block">

    <p:dataTable styleClass="dataTable" id="entriesTable" var="entry" value="#{bean.tableModel.items}">

        <p:columnGroup type="header">
            <p:row>
                <ui:repeat var="column" value="#{bean.tableModel.columns}" varStatus="colStatus">
                    <p:column  headerText="#{column.header}">
                    </p:column>
                </ui:repeat>
            </p:row>
        </p:columnGroup>

        <c:forEach var="column" items="#{bean.tableModel.columns}">

            <c:choose>  
                <c:when test="${column.header eq 'Upload'}">
                    <p:column>
                        <p:commandButton value="Upload" immediate="true" actionListener="#{bean.setSelectedRow(entry)}" oncomplete="PF('upload').show();" />

                        <p:dialog header="Upload" widgetVar="upload" height="10%" width="80%">
                            <p:messages binding="#{bean.component}" /> 
                            <p:fileUpload fileUploadListener="#{bean.uploadCSV}" />
                        </p:dialog>
                    </p:column>
                </c:when>

                <c:when test="${column.header eq 'Export'}">
                    <p:column>
                        <p:commandButton value="Download" immediate="true" ajax="false" actionListener="#{bean.setSelectedRow(entry)}">
                            <p:fileDownload value="#{bean.downloadCSV()}" />
                        </p:commandButton>
                    </p:column>
                </c:when>

                <c:when test="${column.header eq 'Display'}">
                    <p:column>
                        <p:commandButton id="displayButton" value="Display"
                            immediate="true"
                            action="#{tableBean.execute(entry)}"
                            update="displayTable"
                            oncomplete="PF('dialog').show();" />

                        <p:dialog id="dialog" header="Current data" widgetVar="dialog" height="80%" width="80%">

                            <p:dataTable styleClass="dataTable"
                                id="displayTable" var="tableDataVar"
                                value="#{tableBean.tableModel.data}"
                                tableStyle="width:auto;" resizableColumns="true">

                                <p:columns var="tableHeader" value="#{tableBean.tableModel.headers}">
                                    <f:facet name="header">
                                        <h:outputText value="#{tableHeader}" />
                                    </f:facet>
                                    <h:outputText value="#{tableDataVar[tableHeader]}" />

                                </p:columns>

                            </p:dataTable>

                        </p:dialog>
                    </p:column>
                </c:when>

                <c:when test="${column.header eq 'Test'}">
                    <p:column>
                        <p:commandButton value="Test" immediate="true" ajax="false" actionListener="#{bean.setSelectedRow(entry)}">
                            <p:fileDownload value="#{bean.testFilesDownload()}" />
                        </p:commandButton>
                    </p:column>
                </c:when>

                <c:otherwise>
                    <p:column>
                        <h:outputText value="#{bean.tableModel.get(entry, column)}" />
                    </p:column>
                </c:otherwise>
            </c:choose>
        </c:forEach>

    </p:dataTable>  

</h:panelGroup>

刷新页面后才显示table

Answer 1

问题是为父 table 的每个列创建了一个包含 table 的对话框。

因此，有多少列就有多少对话框。

此问题的解决方法是以单独的形式添加对话框，并通过指定其路径在 commandButton 中引用它。

命令按钮更新属性不起作用

commandButton update attribute not working

ajax

primefaces

commandbutton