Ejemplo Sencillo de RichFaces con JSF

Richfaces es un framework para Java con el cual puedes crear un ambiente AJAX de
manera facil, rapida y limpia, a continuación presentare un ejemplo sencillo, donde podras
ver el poder de este framework.

Primero, necesitamos el JavaBean, como el siguiente, como puedes ver tenemos una
operacion con un ActionEvent, esta servirá para comunicarse con el Boton Submit del
Formulario y escuchara sus llamados.

package events.richfaces;
 
import javax.faces.event.ActionEvent;
 
public class echoBean {
 
private String name;
private Integer count;
 
public Integer getCount() {
return count;
}
 
public String getName() {
return name;
}
 
public void setName(String name) {
this.name = name;
}
 
public void countListener (ActionEvent event){
count = name.length();
}
 
}

Después tenemos que ponerlo en nuestro faces-config.xml, para tener acceso a el Bean
desde las paginas web

<managed-bean>
<managed-bean-name>echoBean</managed-bean-name>
<managed-bean-class>events.richfaces.echoBean</managed-bean-class>
<managed-bean-scope>request</managed-bean-scope>
</managed-bean>

Una vez lista la logica, vamos con la capa de presentación, vamos a explicar brevemente la
función de algunas etiquetas:
  a4j:support : Este componente activa la funcionalidad AJAX para tu pagina en cualquier
componente JSF, se agrega como un hijo del componente y se configura segun convenga.
 actionListener=”#{echoBean.countListener}”: Se puede poner dentro del a4j, y al ejecutar
el evento, a su vez, ejecuta la operación del bean.

 reRender=”echo, count”: Sin estas etiquetas no se mostraria los datos actualizados

despues de la petición ajax, y hace que las etiquetas con los ID listados, se actualicen, esas
etiquetas deben estar ligadas con el GET del bean.

<%@ taglib uri="http://richfaces.org/a4j" prefix="a4j"%>

<%@ taglib uri="http://richfaces.org/rich" prefix="rich"%>
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
<h:form>
<rich:panel>
<h:panelGrid columns="2">
<h:outputText value="Nombre" />
<h:inputText value="#{echoBean.name}" />
<h:outputText value="echo:" />
<h:outputText id="echo" value="#{echoBean.name}"
/>
<h:outputText value="Count" />
<h:outputText id="count"
value="#{echoBean.count}" />
 
</h:panelGrid>
<!--<h:commandButton
actionListener="#{echoBean.countListener}" value="Submit" />-->
<a4j:commandButton
actionListener="#{echoBean.countListener}" value="Submit"
reRender="echo,count" />
</rich:panel>
</h:form>
Fuente: http://blog.jotadeveloper.com/2008/09/07/ejemplo-richfaces-jsf/