a4j: повторить тег не работает

Question

<a4j:form id="customerForm1" binding="#{customerForm.form}" 
      ajaxSubmit="false"> 

    <h:inputHidden id="id" value="#{customerForm.customer.id}" /> 

    <rich:panel id="purchaseOrderList" 
       styleClass="dataTablePanelStyle"> 
     <a4j:outputPanel id="table"> 
      <table border="1" width="100%"> 
       <thead> 
        <tr align="center"> 

         <th width="8%"><h:outputText id="headerq" 
             value="#{msg.distance}" styleClass="boldOutputTextStyle" /></th> 
         <th width="2%"><h:outputText id="ds8" value="" /></th> 

        </tr> 
       </thead> 
       <tbody> 
        <a4j:repeat 
         value="#{customerForm.customer.distanceTravelledList}" 
         var="purchaseOrderDetails" rowClasses="row1, row2"> 
         <tr class="#{(rowIndex mod 2 eq 0)? 'row1' : 'row2'}"> 
          <td align="center" width="10%"> 
           <h:inputText id="distance" size="5" required="true" 
              value="#{purchaseOrderDetails.distance}" 
              styleClass="inputTextStyle"> 

           </h:inputText> 
          </td> 
          <td><a4j:commandButton value="+" 
               action="#{customerForm.addDistanceTravelled}" 
               reRender="purchaseOrderList"> 
           </a4j:commandButton></td> 

         </tr> 
        </a4j:repeat> 
       </tbody> 
      </table> 
     </a4j:outputPanel> 
    </rich:panel> 
</a4j:form> 

Я создал таблицу, в которой я использовал a4j: повтор тегов, так что пользователь может динамически добавлять строки в зависимости от его requirement..But, когда я удалить этот тег т.е. a4j : repeat frontend отображает только одну строку, то есть имя столбца и поле ввода. Но когда я добавляю a4j: repeat`, отображаются только имена colum, т.е. Distance ... Может ли кто-нибудь позвонить мне, что я пропустил?

Answer 1

Попробуйте это, я использую такой стол для своего процесса. Он отлично работает для меня, это может помочь вам.

<table border="1" width="100%"> 
<thead> 
    <tr align="center"> 

     <th width="8%"><h:outputText id="headerq" 
         value="#{msg.distance}" styleClass="boldOutputTextStyle" /></th> 
     <th width="2%"><h:outputText id="ds8" value="" /></th> 

    </tr> 
</thead> 
<tbody> 
    <a4j:repeat 
     value="#{customerForm.customer.distanceTravelledList}" 
     var="purchaseOrderDetails" rowKeyVar="rowIndex"> 
     <tr> 
      <td align="center" width="10%"> 
       <h:inputText id="distance" required="true" 
          value="#{purchaseOrderDetails.distance}" 
          styleClass="inputTextStyle"> 
       </h:inputText> 
      </td> 
      <td><a4j:commandButton value="+" 
           action="#{customerForm.addDistanceTravelled}" 
           reRender="purchaseOrderList"> 
       </a4j:commandButton></td> 
     </tr> 
    </a4j:repeat> 
</tbody>