Anécdotas de las Curvas del Seno: Primefaces: progressBar

Primefaces: progressBar

Posted in Etiquetas: jsf 2.0, primefaces, progressbar | domingo, octubre 16, 2011

Ultimamente evaluando las implementaciones de JSF me he decantado por Primefaces ya que es el que mejor se integra al ciclo de vida de JSF y utiliza JQuery que lo hace mucho rápido que incluso Richfaces e ICEfaces, aunque me falta investigar mucho mas sobre OpenFaces.

Me dedicare a realizar algunos ejemplos sobre el uso de los componentes de Primefaces, que si bien ya existe un showcase pero a veces el código de ejemplo no se entiende muy claro.

En esta ocasión realizare un ejemplo para el uso del componente progressBar al iniciar una página.

Primero definimos el backing bean
@ManagedBean @ViewScoped public class LoadBean { private int progress; @PostConstruct public void init(){ progress=0; LoadThread load=new LoadThread(this); load.start(); } public int getProgress() { return progress; } public void setProgress(int progress) { this.progress = progress; } }
Luego el hilo LoadThread
public class LoadThread extends Thread { private LoadBean bean; public LoadThread(LoadBean bean) { this.bean=bean; } @Override public void run() { for(int i=1;i<=100;i++) { System.out.println(i); bean.setProgress(i); pausa(); } } public void pausa(){ try { Thread.sleep(100); } catch (InterruptedException ex) { ex.printStackTrace(); } } }
La vista xhtml quedara de la siguiente forma
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:p="http://primefaces.prime.com.tr/ui" xmlns:h="http://java.sun.com/jsf/html"> <h:head> <title>Facelet Title</title> </h:head> <h:body onload="pb.start()"> <h:form> <h:panelGrid> <p:progressBar widgetVar="pb" ajax="true" onCompleteUpdate="msg" oncomplete="dlg1.show()" value="#{loadBean.progress}" interval="100"/> </h:panelGrid> <p:dialog header="PrimeFaces Dialog" widgetVar="dlg1" width="500"> For more information visit <a href="http://primefaces.org">http://primefaces.org</a>. </p:dialog> </h:form> </h:body> </html>
Adjunto código fuente para efectos de estudio