0

这两天遇到一个问题。我无处推进我的问题是根据列表 p 中的选定元素在面板中制作动态内容：selectOneMenu

    <h:outputLabel value="Categorie :"  />  
                <p:selectOneMenu  value="#{composantbean.selectedCategoryId}" required="true" >  
                    <f:selectItem itemLabel="Select categorie" itemValue="" />  
                    <f:selectItems  value="#{composantbean.listcat}" var="cat" itemValue="#{cat.nomCat}" itemLabel="#{cat.nomCat}" /> 
                    <p:ajax update="panl"  event="change" listener="#{composantbean.catListener()}"/>
                </p:selectOneMenu>  


<p:panel id="panl" header ="Caracteristique selon la categorie" toggleable="true" rendered="true" >

            <h:panelGrid  id="panlecart" columns="2" cellpadding="5" rendered="true">
            <c:forEach items="#{composantbean.categorie.proprietes}"  var="var">

            <h:outputText value="#{var.nomProp}"/>
            <h:inputText value="" />

            </c:forEach>
         </h:panelGrid>
          </p:panel>

内容显示这是真的但不幸的是它不同步显示移位但如果我使用另一个<p: selectOneMenu id = "panel"内容显示并同步

我能解决我的问题吗。请提前谢谢你

4

1 回答 1

1

正如卢卡斯所说，在 JSF 中使用 c:foreach（以及所有类型的 JSTL）是一个坏主意，尤其是使用 ajax。以下是您应该阅读的参考资料，以了解有关 JSF 中 JSTL 的更多信息：

  1. JSF2 Facelets 中的 JSTL...有意义吗？
  2. https://rogerkeays.com/jsf-c-foreach-vs-ui-repeat

也不推荐在 h:panelGrid 中使用 ui:repeat。你可以在这里阅读讨论。

因此，恕我直言，您应该尝试另一种方法，例如使用 dataTable，如上述链接中所述。
或者，您可以使用 html 的表格标记 (<table>) 代替 h:panelGrid，在 ui:repeat 中使用 html 的 tr 和 td 标记。例如：

<h:outputLabel value="Categorie :"  />  
<p:selectOneMenu  value="#{composantbean.selectedCategoryId}" required="true" >  
  <f:selectItem itemLabel="Select categorie" itemValue="" />  
  <f:selectItems  value="#{composantbean.listcat}" var="cat" itemValue="#{cat.nomCat}" itemLabel="#{cat.nomCat}" /> 
  <p:ajax update="panl"  event="change" listener="#{composantbean.catListener()}"/>
</p:selectOneMenu>  

<p:panel id="panl" header ="Caracteristique selon la categorie" toggleable="true" rendered="true" >

  <table>
  <ui:repeat value="#{composantbean.categorie.proprietes}"  var="var">
    <tr>
      <td><h:outputText value="#{var.nomProp}" /></td>
      <td><h:inputText value="" /></td>
    </tr>
  </ui:repeat>
  </table>
</p:panel>
于 2013-04-28T18:12:54.900 回答