Can you update an h:outputLabel from a p:ajax listener?

by

You cannot update elements which are not rendered , rendered=false “is a JSF way to” to remove elements from the DOM Tree ,

its not like css display:none or visibility:hidden <- this two will keep the elements in the DOM tree but hidden , while the JSF rendered=false wont even render (keep) the element in the DOM tree (you wont even see it in the “view source” of the page)

So in you case you need to wrap the outputLabel with `panelGroup’ and update the id of the wrapper

<h:panelGroup id="periodLabelWrapper">
    <h:outputLabel for="period" value="Period" id="periodLabel" rendered="#{ppBacker.periodRendered}">
</h:panelGroup>

and refer to the wrapper (which always be in the DOM tree) id in the <p:ajax update attribute, like this:

<p:ajax process=":addProgram:addProgramTo" update=":addProgram:periodGrid, :addProgram:periodLabelWrapper" event="change" listener="#{ppBacker.addProgramListener}" />

Another solution would be the update the entire form like this <p:ajax update="@form" ... that way you don’t need the wrap the outputLabel

regarding your comment question

how does @form update the un-rendered elements, but targeting them directly through id’s does not?

You can’t target an element in update which is not present in the page (rendered=false) “its not there”

But when you use update="@form" or update="someWrapperID" the form/wrapper “re evaluates” all its inner elements , including the ones with rendered="#{someBean.someCondition}" and the condition gets “re evaluated” so if it result to true the elemet will be displayed…

More Related Contents:

  1. How to find out client ID of component for ajax update/render? Cannot find component with expression “foo” referenced from “bar”
  2. List of events
  3. Ajax update and submission using h:commandButton
  4. When to use valueChangeListener or f:ajax listener?
  5. How can I populate a text field using PrimeFaces AJAX after validation errors occur?
  6. Keep p:dialog open when a validation error occurs after submit
  7. Session timeout and ViewExpiredException handling on JSF/PrimeFaces ajax request
  8. What values can I pass to the event attribute of the f:ajax tag?
  9. Rendering other form by ajax causes its view state to be lost, how do I add this back?
  10. How to exclude child component in ajax update of a parent component?
  11. Form submit in conditionally rendered component is not processed
  12. Process onclick function after ajax call
  13. Add additional parameter to JSF Ajax event listener
  14. How to decrease request payload of p:ajax during e.g. p:dataTable pagination
  15. java.lang.IllegalStateException: CDATA tags may not nest
  16. How to pass parameter to f:ajax in h:inputText? f:param does not work
  17. ICEfaces libary in classpath prevents Save As dialog from popping up on file download
  18. selectOneMenu ajax events
  19. Render multiple components with f:ajax
  20. Conditionally provide either file download or show export validation error message
  21. Display dynamic image from database or remote source with p:graphicImage and StreamedContent
  22. How do PrimeFaces Selectors as in update=”@(.myClass)” work?
  23. What is the correct way to deal with JSF 2.0 exceptions for AJAXified components?
  24. JSF/PrimeFaces ajax updates breaks jQuery event listener function bindings
  25. PrimeFaces CSS skin not showing in login page, also JavaScript undefined errors
  26. What is the function of @this exactly?
  27. How to use EL in PrimeFaces oncomplete attribute which is updated during action method
  28. How do UISelectOne and UISelectMany components preselect defaults in f:selectItems
  29. Execute JavaScript after every JSF ajax postback
  30. Defer loading and parsing of PrimeFaces JavaScript files

Leave a Comment