curso richfaces 3.3.3 iii

I. Sesión 3

Noviembre 2010

Claudio Chaucca UmanaClaudio.chaucca@gmail.com

Contenidos I Sesión 3

Librerías Core Ajax, UI and Ajax4Java (a4j) Ajax Support a4j:support, a4j:region, A4j:include,

a4j:poll, a4j:push Ajax Output

<a4j:include>,<a4j:mediaOutput>,<a4j:outputPanel> Rich Output

<rich:panel>,<rich:panelBar>,<rich:tabPanel> Rich Input Rich Select Caso: Mantenimiento de clientes.

Ajax Support <a4j:actionparam> <a4j:region> <a4j:support> <a4j:poll> <a4j:push>

<a4j:actionparam> <a4j:actionparam> Asigna el valor del atributo assignTo

a una propiedad del Manage Bean Nos permite actualizar los valores del modelo sin invocar

un código java. Atributos:

“name” nombre del parámetro “value” valor inicial del parámetro “assignTo” propiedad del Manage Bean

<a4j:region> <a4j:region> especifica la parte del arbol de

componentes a ser procesados en el servidor. Todo el formulario es submitted pero solo la parte de la

región será procesado. Si no se especifica que región actualizar se actualiza la

región que inicia el Action.

<a4j:support> <a4j:support> mas importante componente de la librería

RichFaces. Enriquece con capacidades ajax componentes no Ajax

JSF Todos los demás componentes RichFaces se basan en

el mismo principio Atributos:

event.- define el evento javaScript que dará soporte Ajax.

reRender.- define los ids de los componentes JSF a ser reRendered

Onsubmit.- código javaScript llamado antes del Ajax request

Oncomplete.- código javaScript llamado después del Ajax request

<a4j:support>

<a4j:poll> <a4j:poll> envía de forma periódica un AjaxRequest al

servidor. “interval” Indica la propiedad en milisegundos entre

response y request. “timeout” define el tiempo esperado para responder en

milisegundo, si no es recibido el response aborta el siguiente request.

Similar a un timer

<a4j:push> <a4j:poll> ejecuta de forma periódica Ajax request al

servidor, simulando un push data. Envió de mensajes de forma asíncrona a diferencia del

<a4j:poll>

Ajax Support Practica 20 minutos

Ajax Output <a4j:include> <a4j:mediaOutput> <a4j:outputPanel>

<a4j:keepAlive>,<a4j:include> <a4j:keepAlive>.- Mantiene con vida un bean por mas

de lo que dura un request durante una session <a4j:include>.- incluye paginas dentro de la pagina

padre. <a4j:include>.- usa las reglas de navegación estándar

JSF definidas en faces-config.xml

<a4j:keepAlive>,<a4j:include>

<a4j:keepAlive>,<a4j:include>

<a4j:mediaOutput> Componente que facilita la generación de imagen, video,

sonido y otros binarios al vuelo Necesita 2 beans MediaBean con la función

paint(OutputStream out, Object data) y MediaData con las propiedades de la imagen

<a4j:outputPanel> Es usado cuando sus componentes internos siempre

deben ser actualizados independientemente de la propiedad reRender

Practica 30 minutos (usar jFreeChart para generar la image)

Rich output <rich:panel> <rich:panelBar><rich:panelBarItem> <rich:panelMenuGroup><rich:panelMenu><rich:panelMe

nuItem> <rich:tabPanel><rich:tab>

<rich:panel>

<rich:panel>

<f:form>

<rich:panel>

<f:faces>

<h:outpuText> <h:outputText> <h:inputText>

<h:panelGrid >

DOM Arbol de componentes

HtmlFormHtmlForm

HtmlPanelHtmlPanel

getFacetsgetFacets

HtmlOutputText

HtmlOutputText

HtmlPanelGrid

HtmlPanelGrid

HtmlOutputText

HtmlOutputText

HtmlInputText

HtmlInputText

<rich:panel>

<rich:panel> Practica 15 minutos, crear el control Panel desde java

Rich output Practica 20 minutos

crear los sig controles desde java

<rich:tabPanel><rich:tab> <rich:panel> <rich:panelBar><rich:panelBarItem> <rich:panelMenuGroup><rich:panelMenu><rich:panelMenuItem>

Rich inputPractica 20 minutos crear los controles desde java

<rich:calendar> <rich:comboBox> <rich:editor> <rich:fileUpload> <rich:inputNumberSlider> <rich:inputNumberSpinner> <rich:suggestionbox> <rich:progressBar>

Rich selects <rich:listShuttle> <rich:orderingList> <rich:pickList>

http://livedemo.exadel.com/richfaces-demo/richfaces/actionparam.jsf

Caso : Mantenimiento de clientes (60 minutos)

¡ Gracias !