primefaces - 動的パネルで立ち往生しています

Question

2日間問題に遭遇しました。私の問題は、リスト 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"コンテンツを使用すると表示され、同期されます

どうすれば問題を解決できますか。よろしくお願いします。