Your SlideShare is downloading. ×
Curso richfaces 3.3.3 III
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Introducing the official SlideShare app

Stunning, full-screen experience for iPhone and Android

Text the download link to your phone

Standard text messaging rates apply

Curso richfaces 3.3.3 III

3,268
views

Published on

Published in: Technology

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
3,268
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
95
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. I. Sesión 3 Noviembre 2010 Claudio Chaucca Umana [email_address]
  • 2. 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.
  • 3. Ajax Support
    • <a4j:actionparam>
    • <a4j:region>
    • <a4j:support>
    • <a4j:poll>
    • <a4j:push>
  • 4. <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
  • 5. <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.
  • 6. <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
  • 7. <a4j:support>
  • 8. <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
  • 9. <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>
  • 10. Ajax Support
    • Practica 20 minutos
  • 11. Ajax Output
    • <a4j:include>
    • <a4j:mediaOutput>
    • <a4j:outputPanel>
  • 12. <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
  • 13. <a4j:keepAlive>,<a4j:include>
  • 14. <a4j:keepAlive>,<a4j:include>
  • 15. <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
  • 16. <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)
  • 17. Rich output
    • <rich:panel>
    • <rich:panelBar><rich:panelBarItem>
    • <rich:panelMenuGroup><rich:panelMenu><rich:panelMenuItem>
    • <rich:tabPanel><rich:tab>
  • 18. <rich:panel>
  • 19. <rich:panel> <f:form> <rich:panel> <f:faces> <h:outpuText> <h:outputText> <h:inputText> <h:panelGrid > DOM Arbol de componentes HtmlForm HtmlPanel getFacets HtmlOutputText HtmlPanelGrid HtmlOutputText HtmlInputText
  • 20. <rich:panel>
  • 21. <rich:panel>
    • Practica 15 minutos, crear el control Panel desde java
  • 22. 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>
  • 23. Rich input
    • Practica 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
  • 24. Caso : Mantenimiento de clientes (60 minutos)
  • 25. ¡ Gracias !