带primefaces的部分更新表

Question

我正在尝试更新部分 html 表。当我在那里添加一些组件时，例如 h panelGroup 或 ui fragment 表崩溃。它显示了非常有趣的东西。所以用 atm 代替 1 个表我做了 4 个表来实现表内没有 panelGroups 或 ui 片段的情况。有没有办法制作一张大表并更新其中的一部分？

<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>

Answer 1

你，

如果您使用 primefaces 或 jsf，我建议您为 jsf 或 primefaces 使用标签，例如您使用 <h:panelGroup>，在此标签中您使用 <table>。为什么你不用<p:panelGrid> 改变并记住在标签panelGrid 中你可以做所有事情：例如css style for table for rows for column and ajax event。

当使用标签jsf或primefaces时，你可以使用属性更新（这个属性你可以在很多标签中找到它。

最后，当您为 jsf 或 primefaces 使用标签时，您可以更新页面、表格、表单等的部分