Question

我正在尝试更新部分html表。当我添加一些组件，如h panelGroup或ui片段表崩溃。它展示了非常奇怪的东西。所以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

HY，

如果您使用primefaces或jsf i conseil为jsf或primefaces使用标记，例如您使用<h:panelGroup>并在此标记中使用<table>。为什么你不用<p:panelGrid>进行更改并记住在标签panelGrid中你可以做所有：例如用于列的行的css样式和列和ajax事件的行。

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

最后当你使用jsf或primefaces的标签时，你可以为页面，表格，表格等更新parte

与primefaces的parital更新表

1 个答案: