INDICE INTRODUCCION RICHFACES GESTION Y CREACION DE TABLAS EN RICHFACES CONCLUSION

RICHFACES
EQUIPO 2
INSTITUTO TECNOLOGICO SUPERIOR DE LOS RIOS

2 DE MAYO DEL 2012

EQUIPO 2

RICHFACES

 INDICE INTRODUCCION RICHFACES GESTION Y CREACION DE TABLAS EN RICHFACES CONCLUSION

INTRODUCCION Richfaces Caracteristicas RICHFACES Importancia Ajax4jsf y RichFaces Funcionamiento del framework GESTION Y CREACION DE TABLAS EN RICHFACES Gestion de tablas Creando tablas las fases de las tablas Componentes de richfaces CONCLUSION conclusion
EQUIPO 2 RICHFACES

 INDICE INTRODUCCION RICHFACES GESTION Y CREACION DE TABLAS EN RICHFACES CONCLUSION

Richfaces

RichFaces es una librer de componentes visuales para JSF, a escrita en su origen por Exadel y adquirida por Jboss. Adems a RichFaces posee un framework avanzado para la integracin o de funcionalidades Ajax en dichos componentes visuales, mediante el soporte de la librera Ajax4JSF.

EQUIPO 2

RICHFACES

 INDICE INTRODUCCION RICHFACES GESTION Y CREACION DE TABLAS EN RICHFACES CONCLUSION

Richfaces

Richfaces es una biblioteca de cdigo abierto basada en Java o que permite crear aplicaciones web con Ajax. La singularidad del planteamiento que ofrece es que la peticin Ajax provoca o una ejecucin en el servidor y nalmente una renderizacin o o parcial o total de la pgina del navegador. As el control de lo a , que sucede est en el servidor.Richfaces est desarrollado y a a mantenido por JBoss.

EQUIPO 2

RICHFACES

 INDICE INTRODUCCION RICHFACES GESTION Y CREACION DE TABLAS EN RICHFACES CONCLUSION

Importancia Ajax4jsf y RichFaces Funcionamiento del framework

Son caracter sticas de RichFaces las siguientes: se integra perfectamente en el ciclo de vida de JSF incluye funcionalidades Ajax, de modo que nunca vemos el JavaScript y tiene un contenedor Ajax propio contiene un set de componentes visuales, los ms comunes a para el desarrollo de una aplicacin web rica (Rich Internet o Application), con un nmero bastante amplio que cubren casi u todas nuestras necesidades soporta facelets soporta css themes o skins es un proyecto open source, activo y con una comunidad tambin activa. e
EQUIPO 2 RICHFACES

 INDICE INTRODUCCION RICHFACES GESTION Y CREACION DE TABLAS EN RICHFACES CONCLUSION

Importancia Ajax4jsf y RichFaces Funcionamiento del framework

RichFaces componentes vienen listos para su uso out-of-the-box, por lo que los desarrolladores pueden ahorrar tiempo de inmediato para aprovechar las caracter sticas de los componentes para crear aplicaciones Web que proporcionan mejoras en gran medida la experiencia del usuario ms able y ms rpidamente. RichFaces a a a tambin incluye un fuerte apoyo para la skinnability de aplicaciones e JSF.

EQUIPO 2

RICHFACES

 INDICE INTRODUCCION RICHFACES GESTION Y CREACION DE TABLAS EN RICHFACES CONCLUSION

Importancia Ajax4jsf y RichFaces Funcionamiento del framework

son una biblioteca open source que se integra totalmente en la arquitectura de JSF y hereda las funcionalidades de sus etiquetas dotndolas con tecnolog Ajax de forma limpia y sin aadir cdigo a a n o Javascript. Mediante este framework podemos variar el ciclo de vida de una peticin JSF, recargar determinados componentes de la o pgina sin necesidad de recargarla por completo, realizar peticiones a al servidor automticas, control de cualquier evento de usuario, etc. a En denitiva Ajax4jsf y richfaces permite dotar a nuestra aplicacin o JSF de contenido mucho ms profesionales con muy poco esfuerzo. a

EQUIPO 2

RICHFACES

 INDICE INTRODUCCION RICHFACES GESTION Y CREACION DE TABLAS EN RICHFACES CONCLUSION

Importancia Ajax4jsf y RichFaces Funcionamiento del framework

El funcionamiento del framework es sencillo. Mediante sus propias etiquetas se generan eventos que env peticiones al contenedor an Ajax. Estos eventos se pueden ejecutar por pulsar un botn, un o enlace, una regin espec o ca de la pantalla, un cambio de estado de un componente, etc. Esto signica que no nos preocuparemos de crear el cdigo Javascript y el objeto XMLHttpRequest para que o env la peticin al servidor ya que el framework lo har por e o aa nosotros.

EQUIPO 2

RICHFACES

 INDICE INTRODUCCION RICHFACES GESTION Y CREACION DE TABLAS EN RICHFACES CONCLUSION

Gestion de tablas Creando tablas las fases de las tablas Componentes de richfaces

El problema de la gestin de tablas se describe en el siguiente o esquema:

EQUIPO 2

RICHFACES

 INDICE INTRODUCCION RICHFACES GESTION Y CREACION DE TABLAS EN RICHFACES CONCLUSION

Gestion de tablas Creando tablas las fases de las tablas Componentes de richfaces

La renderizacin de tablas que muestran gran cantidad de o datos acarrea varios problemas:1.- Acceso a la base de datos.2.- Almacenamiento de los registros como objetos Java en memoria.3.- Renderizacin de todos los registros en la o pgina que ver el usuario en el navegador. a a

EQUIPO 2

RICHFACES

 INDICE INTRODUCCION RICHFACES GESTION Y CREACION DE TABLAS EN RICHFACES CONCLUSION

Gestion de tablas Creando tablas las fases de las tablas Componentes de richfaces

La biblioteca de componentes JavaServer Faces de JBoss llamada RichFaces proporciona varios componentes para el manejo de tablas avanzado, proporcionando paginacin, o ordenacin y ltrado de datos. Estos mecanismos intentan o reducir los problemas de renderizacin provocados por la o visualizacin de demasiados elementos en una tabla o simultaneamente, este concepto ha sido identicado mediante el punto 3.Los componentes RichFaces que vamos a utilizar son:(rich:dataTable) (rich:column) (rich:dataScroller)

EQUIPO 2

RICHFACES

 INDICE INTRODUCCION RICHFACES GESTION Y CREACION DE TABLAS EN RICHFACES CONCLUSION

Gestion de tablas Creando tablas las fases de las tablas Componentes de richfaces

Estos componentes nos permitirn gestionar grandes cantidades de a informacin de forma eciente: o

EQUIPO 2

RICHFACES

 INDICE INTRODUCCION RICHFACES GESTION Y CREACION DE TABLAS EN RICHFACES CONCLUSION

Gestion de tablas Creando tablas las fases de las tablas Componentes de richfaces

El componente rich:dataTable permite crear tablas en RichFaces. Este componente es muy parecido al componente (h:dataTable) con dos variaciones:

Skinnability: se aplican estilos sobre las tablas de una forma cmoda y sencilla. o Soporte Ajax: este componente es capaz de manejar y generar peticiones y respuestas Ajax. Tambin existen atributos para la gestin de eventos. e o (rich:dataTable ...) ... (/rich:dataTable)
EQUIPO 2 RICHFACES

 INDICE INTRODUCCION RICHFACES GESTION Y CREACION DE TABLAS EN RICHFACES CONCLUSION

Gestion de tablas Creando tablas las fases de las tablas Componentes de richfaces

Los atributos ms importantes del componente son:value: la a coleccin de datos que se va a mostrar. Se hace referencia a o sta mediante lenguaje de expresin.var: nombre de la variable e o sobre la que se itera.(rich:dataTable value=bean1.datosvar=factura...) ... (/rich:dataTable)

EQUIPO 2

RICHFACES

 INDICE INTRODUCCION RICHFACES GESTION Y CREACION DE TABLAS EN RICHFACES CONCLUSION

Gestion de tablas Creando tablas las fases de las tablas Componentes de richfaces

La denicin de t o tulo, cabecera y pie de tabla se realiza mediante facetas: header, footer y caption. Como se puede ver en el ejemplo anterior, se denen cabeceras para cada columna:

EQUIPO 2

RICHFACES

 INDICE INTRODUCCION RICHFACES GESTION Y CREACION DE TABLAS EN RICHFACES CONCLUSION

Gestion de tablas Creando tablas las fases de las tablas Componentes de richfaces

Ejemplo: Se pasa a renderizar una tabla de facturas. Estas se encuentran almacenadas en una lista denida en un mbean de JavaServer Faces (debe estar declarado en el chero de conguracin de JSF). o

EQUIPO 2

RICHFACES

 INDICE INTRODUCCION RICHFACES GESTION Y CREACION DE TABLAS EN RICHFACES CONCLUSION

Gestion de tablas Creando tablas las fases de las tablas Componentes de richfaces

rich:calendar: Este componente se utiliza para crear elementos de calendario. rich:comboBox: Este es un componente, que proporciona combo Box editable. rich:componentControl: Este permite llamar a funciones API de JavaScript en los componentes denidos despus de los e acontecimientos. rich:contextMenu: Este componente se utiliza para la creacin de o multileveled context menusque se activan despus de que un e usuario dene un evento (onmouseover, onclick, etc) sobre cualquier elemento de la pgina. Demo a rich:dataFilterSlider: Un control basado en la accin, Este o componente se utiliza para crear un ltrar de los datos de una tabla.
EQUIPO 2 RICHFACES

 INDICE INTRODUCCION RICHFACES GESTION Y CREACION DE TABLAS EN RICHFACES CONCLUSION

Gestion de tablas Creando tablas las fases de las tablas Componentes de richfaces

rich:datascroller: El componente diseado para proporcionar la n funcionalidad de los cuadros de desplazamiento utilizando Ajax solicitudes. rich:columns: Es un componente, que le permite crear una columnas dinmica. a rich:columnGroup: Este componente nos permite combinar las columnas en una la para organizar. rich:dataGrid: Este componente permite ver los datos como una rejilla que nos deja elegir los datos. rich:dataList: El componente dataList permite prestar los datos de un modo lista.
EQUIPO 2 RICHFACES

 INDICE INTRODUCCION RICHFACES GESTION Y CREACION DE TABLAS EN RICHFACES CONCLUSION

Gestion de tablas Creando tablas las fases de las tablas Componentes de richfaces

rich:dataOrderedList: El componente para ordenar las listas de prestacin que permite elegir los datos. o rich:dataDenitionList: Muy pareciada a la anterior. rich:dataTable: Este componentes nos permite crear tablas de datos. rich:subTable: El componente se utiliza para la insercin de o subtables rich:dndParam: Este componente se utiliza para pasar parmetros a durante arrastrar y soltar las operaciones.

EQUIPO 2

RICHFACES

 INDICE INTRODUCCION RICHFACES GESTION Y CREACION DE TABLAS EN RICHFACES CONCLUSION

Gestion de tablas Creando tablas las fases de las tablas Componentes de richfaces

rich:dragIndicator: Arrastrar y Soltar. este componente nos permite. crear listas de datos que podemos arrastrar y soltar en otro sector u otra tabla. rich:dragSupport: Muy parecido al anterior rich:dropSupport: Muy pareceido a las anteriores. rich:dropDownMenu: Este componente se utiliza para crear mltiples mens desplegables. u u rich:menuGroup: Este componente se utiliza para denir un ampliable grupo de temas dentro de una lista emergente u otro grupo.

EQUIPO 2

RICHFACES

 INDICE INTRODUCCION RICHFACES GESTION Y CREACION DE TABLAS EN RICHFACES CONCLUSION

Gestion de tablas Creando tablas las fases de las tablas Componentes de richfaces

rich:menuItem: Este componente se utiliza para la denicin de un o unico punto dentro de una lista emergente. rich:menuSeparator: Este componente se utiliza para la denicin o de un separador horizontal que puede ser colocado entre los grupos o los temas del programa. rich:leUpload: Este componente permite sibir un archivo al servidor. rich:inplaceInput: Este componente nos permite desplegar y editar informacin. o rich:inplaceSelect: Muy parecido al anterior. se utiliza para seleccionar algo asi como un dropDown. rich:listShuttle: Este componente se utiliza para mover los temas elegidos de una lista a otra con su facultativo reordenamiento.
EQUIPO 2 RICHFACES

 INDICE INTRODUCCION RICHFACES GESTION Y CREACION DE TABLAS EN RICHFACES CONCLUSION

conclusion

Los componentes para el manejo de tablas de RichFaces, utilizados de forma estndar, nos permiten mejorar las prestaciones de a nuestras tablas en cuanto al nmero de elementos renderizados en u nuestras pginas simultneamente, pero en ningn caso, nos a a u permite reducir el nmero de objetos almacenados en memoria ni u el tipo de consultas que realizo sobre la base de datos. En prximos o art tulos se describe este proceso de mejora.

EQUIPO 2

RICHFACES