Ajax update of non-JSF component with PrimeFaces selectors

Question

Is it possible to update any html fragment using Primefaces selectors - PFS? Consider this:

<h:outputText id="test" value="#{testBean.date}"/>
<span id="test2"><h:outputText value="#{testBean.date}"/></span>

<p:commandButton value="test" process="@none" update="@(#test)"/>
<p:commandButton value="test2" process="@none" update="@(#test2)"/>

Only first button is refreshing. It's trival example - my real need is to update some parts of datatable, without refreshing whole component.

score 3 · Accepted Answer · edited May 23 '17 at 11:49

3

No, that's not possible. The update target must not only in client side be obtainable in HTML DOM tree by document.getElementById(), but also in server side by UIViewRoot#findComponent(), so that JSF can regenerate the desired HTML output which ultimately get applied during the ajax update.

If you supply JSF the ID of a plain HTML element, then it won't find anything in the component tree to regenerate the desired new HTML output for. Just replace the plain HTML element by a JSF component.

The PrimeFaces selectors get ultimately converted to HTML element IDs. PrimeFaces will loop over the elements found by the jQuery selector and extract their id attributes before passing to JSF. This is thus essentially the same problem as already answered here: Is it possible to update non-JSF components (plain HTML) with JSF ajax?.

edited May 23 '17 at 11:49

Community

1
1

answered Apr 12 '13 at 11:48

BalusC

1,082,665
372
3,610
3,555

Hmm, any other ideas of refreshing single row/cell in priemfaces datatable? – karolkpl Apr 12 '13 at 12:27
Just wrap it in a JSF component and reference it instead? – BalusC Apr 12 '13 at 12:28
@BalusC has this been solved already in the Primefaces 6.1 release? – Alvaro Pedraza Jan 31 '18 at 23:53

Ajax update of non-JSF component with PrimeFaces selectors

1 Answers1