parital updating table with primefaces

Vote count:

0

I am trying to update part of html table. When i am adding there some components like the table crashes. It display really wirdy things. So atm instead 1 table i made 4 table to achieve situation that there is no panelGroups or ui:fragments inside table. Is there any way to make one big table and update part of it ?

<table class="simpleTable">
      <tr>
          <td class="label">Select:*</td>
          <td>
               <p:selectOneRadio id="radio"
                        value="#{bean.dateBool}"
                        layout="pageDirection">
                    <f:selectItem itemLabel="One date" itemValue="#{false}"/>
                    <f:selectItem itemLabel="Interval date" itemValue="#{true}"/>e
                    <p:ajax event="valueChange" update="datesFragment"/>
               </p:selectOneRadio>
          </td>
     </tr>
</table>

<h:panelGroup id="datesFragment">
     <ui:fragment rendered="#{bean.dateBool == true}">
         <table>
             <tr>
                 <td>
                     <p:inputText value="#{beanValue.date1}" label="date from"/>
                 </td>
              </tr>
              <tr>
                 <td>
                    <p:inputText value="#{beanValue.date2}" label="date to"/>
                 </td>
             </tr>
         </table>
     </ui:fragment>

     <ui:fragment rendered="#{bean.dateBool == false}">
         <table class="simpleTable">
             <tr>
                 </td>
                      <p:inputText value="#{beanValue.date1}" label="date"/>
                 </td>
             </tr>
         </table>
     </ui:fragment>
</h:panelGroup>
<table class="simpleTable">
    ...
</table>

asked 47 secs ago

user2771738

57