JotaDeveloper

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>

Ajax, Articulos, Java, Programación ejemplo, Java, RichFaces

Hace un tiempo AJAX parece ser la palabra de moda en el “mundo” del desarrollo de aplicaciones Web; de
hecho muchos lo escuchan nombrar pero pocos saben que es realmente y, menos aún, saben en donde buscar información clara sobre que es esta nueva “maravilla” de la tecnología que Jesse James Garret publicó en un artículo en Inglés excelente que vale la pena traducir por completo.

¿Porque es tan interesante AJAX? Porque en realidad AJAX no es una tecnología, sino la unión de varias tecnologías que juntas pueden lograr cosas realmente impresionantes como GoogleMaps, Gmail el Outlook Web Access (ref) o algunas otras aplicaciones muy conocidas: AJAX, en resúmen, es el acrónimo para Asynchronous JavaScript + XML y el concepto es:
Cargar y renderizar una página, luego mantenerse en esa página mientras scripts y rutinas van al servidor buscando, en background, los datos que son usados para actualizar la página solo re-renderizando la página y mostrando u ocultando porciones de la misma.

Ajax, Framework Ajax, Internet, web