JSF en JQuery

Als jQuery wordt gebruikt in combinatie met JSF dan zijn er een aantal aspecten waar rekening mee moet worden gehouden. jQuery (en JavaScript) maken gebruik van referenties naar de DOM elementen van een HTML pagina. JSF zal bij vertaling van de JSF definities naar HTML een form ID met “:” als prefix plaatsen voor ¬†alle input elementen . Dus voor de situatie:

<h:form id="frm">
    <h:inputText id="firstName" />
</h:form>

zal het input element vertaald worden naar HTML :

<input id="frm:firstName" type="text" />

Daarom moet elk form element worden voorzien van een form id, en moeten jQuery element element selectors deze ook toevoegen. Daarbij moet weer rekening worden gehouden met het special character “:”. In jQuery moeten special characters worden voorafgegaan door \\.
Dus voor bovengenoemde situatie ziet een jQuery selector van het input element er als volgt uit:

$('#frm\\:inputName')
This entry was posted in JavaScript, JSF and tagged , , . Bookmark the permalink.

Geef een reactie

Je e-mailadres wordt niet gepubliceerd.

De volgende HTML tags en attributen zijn toegestaan: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>