ui是未定义的jsf primefaces

Question

I have a problem with using primefaces autocomplete component. When triggered ia get the error $ui. is undefinded and the backing bean is not even called.

My code is:

<p:autoComplete completeMethod="#{auto.uliList}" value="#{naroc.ulValue}"></p:autoComplete>

Big thanks for any help!

Answer 1

This is recognizeable as a jQuery / jQuery UI conflict.

PrimeFaces ships with jQuery and jQuery UI libraries by itself already. If you have manually included jQuery and/or jQuery UI by a custom <script> or <h:outputScript> , then it would only conflict with PrimeFaces-provided ones and result in this kind of "foo is undefined" errors. You should remove your manually included jQuery scripts from the page (and your webapp) and rely on PrimeFaces-provided ones instead.

If you have pages which don't necessarily use PrimeFaces components (and thus its bundled jQuery scripts won't necessarily be auto-included on every page), then you need to explicitly specify PrimeFaces own jQuery instead:

<h:outputScript library="primefaces" name="jquery/jquery.js" />

Answer 2

I just managed to resolve my problem. it was quite simple but effective. So if you come up with a prolem similar to mine just add this code to your page head:

<h:outputScript target="head">
    jQuery.noConflict();
</h:outputScript>