JSF + PrimeFaces: `atrybut update` nie aktualizuje składnik

Question

Oto mój układ

<div id="mainPanel"> 
    <div id="padding"> 
     <h:outputText id="text" value="Personal Feed" rendered="#{Profile.renderComment}"/> 
    </div> 
    <div id="right"> 
     <h:form> 
      <p:commandButton value="Update" actionListener="#{bean.toggleComment}" update="text" /> 
     </h:form> 
    </div> 
</div> 

Kiedy klikam odnośnik Update, która ma włączyć renderComment logiczną i wyłączanie, nie przełączać wyświetlanie tekstu Personal Feed. Teraz, jeśli zamiast tego wstawiam formularz h:outputText i update z form, to działa. Dlaczego?

Answer 1

Atrybut update powinien wskazywać na istniejący identyfikator klienta w drzewie DOM HTML. Ponieważ jednak element nie jest dostępny w drzewie DOM HTML, ponieważ nie jest renderowany po stronie serwera, JS/ajax nie może znaleźć niczego w drzewie DOM HTML do aktualizacji.

W rzeczywistości powinieneś zawinąć go w inny element, który jest zawsze dostępny w drzewie DOM HTML, tak aby Ajax mógł go zlokalizować, a następnie użyć jego identyfikatora klienta w update. W twoim przypadku możesz użyć do tego celu padding.

<div id="mainPanel"> 
    <h:panelGroup id="padding" layout="block"> 
     <h:outputText id="text" value="Personal Feed" rendered="#{Profile.renderComment}"/> 
    </h:panelGroup> 
    <div id="right"> 
     <h:form> 
      <p:commandButton value="Update" actionListener="#{bean.toggleComment}" update=":padding" /> 
     </h:form> 
    </div> 
</div>