查看所選行的數據從<p:dataTable>到<p:dialog>

Question

我遇到了這個問題，使用對話框顯示DataTable中所選行的數據。

每個，即時通訊在對話

選擇顯示第一頂行（父行）的數據

刪除其它行正常工作行。我一直在爲此工作，但仍無法解決這個問題。

這裏是我的DataTable中

代碼

<h:form id="tableForm"> 

     <!-- Account Data Table --> 


     <p:dataTable id="table" var="account" value="#{accountController.accounts}" widgetVar="accountTable" rowKey="#{account.id}" paginator="true" rows="15" 
        paginatorTemplate="{FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink}" selection="#{accountController.account}" 
        paginatorPosition="bottom" lazy="true"> 


      <p:column selectionMode="single" style="width:18px" /> 

      <p:column headerText="Lastname" sortBy="#{account.marketingPerson.lastName}"> 
       <h:outputText value="#{account.marketingPerson.lastName}" /> 
      </p:column> 

      <p:column headerText="Firstname" sortBy="#{account.marketingPerson.firstName}"> 
       <h:outputText value="#{account.marketingPerson.firstName}" /> 
      </p:column> 

      <p:column headerText="Middlename" sortBy="#{account.marketingPerson.middleName}"> 
       <h:outputText value="#{account.marketingPerson.middleName}" /> 
      </p:column> 

      <p:column headerText="Position"> 
       <h:outputText value="#{account.marketingPerson.position}" /> 
      </p:column> 

      <f:facet name="footer"> 

       <!-- View Button --> 
       <p:commandButton value="View" oncomplete="view.show()" icon="view-icon" > 

        <f:setPropertyActionListener target="#{accountController.account}" value="#{account}"/> 

       </p:commandButton> 

       <!-- Edit Button --> 
       <p:commandButton value="Edit" onclick="view.show()" icon="edit-icon"> 

       </p:commandButton> 

       <!-- Delete Button --> 
       <p:commandButton value="Delete" onclick="cd.show()" icon="delete-icon" > 
        <f:setPropertyActionListener target="#{accountController.account}" value="#{account}" /> 
       </p:commandButton> 
      </f:facet>  

     </p:dataTable> 

     <!-- Confirmation --> 
     <p:confirmDialog 
      header="Delete Action Confirmation" severity="alert" 
      widgetVar="cd"> 

      <f:facet name="message"> 
       <h:outputText value="Are you sure?" /> 
      </f:facet> 

      <p:commandButton value="Yes" actionListener="#{accountController.delete}" update="table" 
          oncomplete="cd.hide()"> 
       <f:ajax render="table" /> 
      </p:commandButton> 

      <p:commandButton value="No" onclick="cd.hide()" type="button" /> 
     </p:confirmDialog> 
    </h:form> 

查看帳戶對話框

<p:dialog header="View Account" widgetVar="view" resizable="false" id="viewDlg" draggable="false" >   
     <h:form id="viewForm"> 
      <p:panelGrid id="display" columns="2" style="margin:0 auto;"> 

       <f:facet name="header"> 
        <p> <h:graphicImage value="resources/images/icons-button/search_business_user.png" /> 
         #{account.marketingPerson.lastName}, #{account.marketingPerson.firstName} #{account.marketingPerson.middleName} 
        </p> 
       </f:facet> 

       <p:outputLabel value="ID Number:" /> 
       <p:outputLabel value="#{account.marketingPerson.idNumber}" /> 

       <p:outputLabel value="Birth Date:" /> 
       <p:outputLabel value="#{account.marketingPerson.birthDate}" /> 

       <p:outputLabel value="Telephone Number:" /> 
       <p:outputLabel value="#{account.marketingPerson.telNumber}" /> 

       <p:outputLabel value="Mobile Number:" /> 
       <p:outputLabel value="#{account.marketingPerson.mobileNumber}" /> 

       <p:outputLabel value="Email Address:" /> 
       <p:outputLabel value="#{account.marketingPerson.emailAddress}" /> 

       <f:facet name="footer"> 
        <p:commandButton type="button" value="Edit" /> 
       </f:facet> 
      </p:panelGrid> 
     </h:form> 
    </p:dialog> 

Answer 1

解決了這一使用面孔轉換

Answer 2

使用p:ajax您的DataTable每次你選擇從表中的數據的時間來更新ManagedBean值。
並使用update屬性來重新渲染p:panelGrid在p:dialog與新的選定值。

<p:ajax event="rowSelect" update=":viewForm:display" />