PrimeFaces

PrimeFaces is  een add-on voor de JSF technologie en bestaat uit een groot aantal Rich Client componenten als extra toevoeging op de standaard JSF Userinterface componenten. PrimeFaces maakt het nog een stuk eenvoudiger om rich web pages te maken, incl. Ajax features. Belangrijke toevoegingen zijn het bieden van diverse table widgets incl. sorting, paging, lazy loading, filter/search etc.

Om gebruik te maken van PrimeFaces moet de volgende namespace worden toegevoegd aan de JSF pages :

xmlns:p=http://primefaces.org/ui

Bijv:

Vervolgens is de JSF omgeving uitgebreid met de PrimeFaces componenten die op de gebruikelijke JSF wijze inJSF(.xhtml) pagina’s kunnen worden toegevoegd, zie bijv onderstaand voorbeeld met het gebruik van een PrimeFaces databable binnen een JSF form definitie::

[sourcecode language="XML/HTML">
<h:form id="form-table">
<p:dataTable var="d" value="#{departmentBean.departmentsLazy}" paginator="true" rows="5"
paginatorTemplate="{RowsPerPageDropdown} {FirstPageLink} {PreviousPageLink} {CurrentPageReport} {NextPageLink} {LastPageLink}"
rowsPerPageTemplate="5,10,15" id="datatable" lazy="true">
<p:column headerText="Id" sortBy="#{d.departmentId}">
<h:outputText value="#{d.departmentId}" />
</p:column>

<p:column headerText="Name" sortBy="#{d.name}" >
<h:outputText value="#{d.name}" />
</p:column>
</p:dataTable>
</h:form>

PrimeFaces biedt een uitgebreide demonstratie voorziening van alle beschikbare componenten incl. de source code voorbeelden om deze te kunnen gebruiken:

http://www.primefaces.org/showcase-labs/ui/home.jsf

This entry was posted in JavaScript, JEE, 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>