從其他選項卡內的另一個數據表中更新primefaces數據表內容

Question

Hello guys我有更新某些組件的問題，我使用的是JSF，Primefaces 5.3，Hibernate。

我有這個標籤包含一個數據表：tab 1和我有這等標籤tab 2我想做的事情是，當我在選項卡更改Farmaceutica列，然後單擊和保存Cambios我想更新的數據表選項卡1.我可以更新數據庫，當我註銷並再次登錄時，更改就在那裏，但是我希望沒有註銷的更改。

這是我admin.xhtml：

<h:form id="frm"> 
    <p:growl id="growl" life="3500" sticky="false" showDetail="true" /> 
    <div class="navbar color-bar"></div> 
    <div class="container-fluid"> 
     <div class="row"> 
      <div class="col-md-7"> 
       <div class="row"> 
        <div class="col-md-12"> 
         <p:tabView id="tabs"> 
          <p:tab title="Estado asignaciones"> 
           <p:panel id="panelEstado"> 
            <h:form id="formDta"> 
             <p:dataTable 
              value="#{estadoAsignaciones.listaEstadoAsignaciones}" 
              var="data" paginator="true" rowKey="#{data.idAuditor}" 
              rows="10" selectionMode="single" 
              selection="#{estadoAsignaciones.estadoAsignaciones}"> 
              <p:ajax event="rowSelect" 
               listener="#{estadoAsignaciones.onRowSelect()}" 
               onstart="PF('blockUIWidget').show()" 
               oncomplete="PF('overPnl').show()" update="frm" /> 
              <p:column headerText="Auditor"> 
               <h:outputLabel 
                value="#{data.nombreAuditor} #{data.apellidoAuditor}" /> 
              </p:column> 
              <p:column headerText="Farmacéutica"> 
               <h:outputLabel value="#{data.farmaceuticaAsignada}" /> 
              </p:column> 
              <p:column headerText="Progreso"> 
               <p:progressBar value="#{data.porcentaje}" 
                labelTemplate="{value}%" id="avanceBar" style="width:80%" /> 
              </p:column> 
             </p:dataTable> 
            </h:form> 
           </p:panel> 
           <p:overlayPanel id="panelOver" widgetVar="overPnl" 
            showEffect="fade" hideEffect="fade" dismissable="false" 
            showCloseIcon="true"> 
            <p:panel id="avance" header="Avance auditoria" 
             class="space robotome"> 
             <p:progressBar id="avanceBar" 
              value="#{estadoAsignaciones.porcentajeValue}" 
              style="width:100%" labelTemplate="{value}%" /> 
            </p:panel> 
            <p:panel id="tiempo" header="Tiempo" class="space robotome"> 
             <h:outputLabel 
              value="Fecha inicio: #{estadoAsignaciones.fecha}" /> 
             <br /> 
             <h:outputLabel 
              value="Fecha Actual: #{estadoAsignaciones.fechaActual}" /> 
             <br /> 
             <h:outputLabel 
              value="Hora inicio: #{estadoAsignaciones.hora}" /> 
             <br /> 
             <h:outputLabel 
              value="Tiempo transcurrido: #{estadoAsignaciones.calHoraDif} horas" /> 
            </p:panel> 
            <p:panel id="auditor" header="Auditor" class="robotome"> 
             <p:outputLabel 
              value="Nombres: #{estadoAsignaciones.getEstadoAsignaciones().nombreAuditor}" /> 
             <br /> 
             <p:outputLabel 
              value="Apellidos: #{estadoAsignaciones.getEstadoAsignaciones().apellidoAuditor}" /> 
            </p:panel> 
           </p:overlayPanel> 
           <p:blockUI block="frm" widgetVar="blockUIWidget"> 
            <p:graphicImage name="imgs/loading.gif" width="50" height="50" /> 
           </p:blockUI> 
          </p:tab> 
          <p:tab title="Asignaciones"> 
           <p:dataTable id="dtA" 
            value="#{asignacionesBean.seleccionAuditores}" var="auditor" 
            paginator="true" rows="5"> 
            <p:column headerText="Auditor"> 
             <h:outputText value="#{auditor.nombreAuditor}" /> 
            </p:column> 
            <p:column headerText="Farmaceutica"> 
             <p:selectOneMenu value="#{auditor.idFarmaceutica}"> 
              <f:selectItem itemLabel="#{data.farmaceutica}" 
               noSelectionOption="true" itemDisabled="true" itemValue="" /> 
              <f:selectItems 
               value="#{asignacionesBean.mapSeleccionFarmaceuticas}" /> 
             </p:selectOneMenu> 
            </p:column> 
            <p:column> 
             <p:commandButton value="Guardar cambios" update=":frm" 
              actionListener="#{asignacionesBean.guardarRespuestaAsignaciones(auditor)}" 
              process="@this" 
              onclick="PF('blockUIWidgetAsignaciones').hide()" 
              onsuccess="PF('blockUIWidgetAsignaciones').show()" /> 
            </p:column> 
           </p:dataTable> 

我感謝你的幫助。

Answer 1

我不明白你爲什麼使用表單內部的形式。刪除除主要表單之外的所有表單。

在您的第一個選項卡中，將id添加到您的數據表中。並將prependId=false放到您的面板網格中，如下所示。

然後在選項卡2改變代碼Farmaceutica柱像下面

<p:selectOneMenu value="#{auditor.idFarmaceutica}"> 
<f:selectItem itemLabel="#{data.farmaceutica}" noSelectionOption="true" itemDisabled="true" itemValue="" /> 
<f:selectItems value="#{asignacionesBean.mapSeleccionFarmaceuticas}" /> 
<p:ajax event="valueChange" update=":firstTable"/> 
</p:selectOneMenu> 

在和保存Cambios更改您的代碼這一點。

<p:commandButton value="Guardar cambios" update=":firstTable" actionListener="#{asignacionesBean.guardarRespuestaAsignaciones(auditor)}" process="@this" 
onclick="PF('blockUIWidgetAsignaciones').hide()" onsuccess="PF('blockUIWidgetAsignaciones').show()" />