Question

如何编辑表格中的数据？我有这个Primefaces对话框，我想用它来编辑数据。

<p:dialog header="System User Details" widgetVar="carDialog" modal="true" showEffect="fade" hideEffect="fade" resizable="true">
                        <p:outputPanel id="carDetail" style="text-align:center;">
                            <p:panelGrid  columns="2" rendered="#{not empty systemusers.selectedSystemUser}" columnClasses="label,value">

                                <h:outputText value="Username" />
                                <h:outputText value="#{systemusers.selectedSystemUser.username}" />

                                <h:outputText value="Last Login" />
                                <h:outputText value="#{systemusers.selectedSystemUser.lastLogin}" />

                                .........

                                <h:outputText value="Action" />
                                <h:outputText value="Download Delete" />

                            </p:panelGrid>
                        </p:outputPanel>
                    </p:dialog>

Answer 1

首先，您需要在<h:form />组件代码中包含<p:dialog />组件。您还需要将outputText组件更改为inputText。

的组件

您可以使用<p:commandButton确认并保留输入。例如：

<p:dialog header="System User Details" widgetVar="carDialog" modal="true" appendTo="@body">
  <h:form id="dialogForm">
      <p:outputLabel for="username" value="Username">
      <p:inputText id="username" value="#{systemusers.selectedSystemUser.username}" required="true" requiredMessage="Value is required" label="Username" />
       ....

      <p:commandButton value="Submit" update=":mainForm" actionListener="#{beanName.updateData}" oncomplete="PF('cardDialog').hide()" />
      <p:commandButton value="Cancel" type="button" onclick="PF('cardDialog').hide()" />
  </h:form>
</p:dialog>

在Primefaces对话框中编辑数据

1 个答案: