rich faces

Download Rich faces

Post on 07-Jul-2015

5.498 views

Category:

Documents

0 download

Embed Size (px)

DESCRIPTION

Curso de RichFaces da VerdeSource

TRANSCRIPT

  • 1. RichFaces
    Introduo

2. RichFaces
RichFaces uma biblioteca de componentes para aplicaes web que utilizam o framework JSF
Os componentes desta biblioteca possuem um incrvel suporte AJAX, e pode ser considerada uma extenso do Ajax4jsf com inmeros componentes com Ajax embutido e com um suporte a Skins que podem deixar as interfaces da sua aplicao com um visual padronizado.
3. RichFaces
Vantagens
Facilita o uso de Ajax
totalmente integrado com o ciclo de vida do JSF
Cria rapidamente telas complexas
Cria interface rica com usurrio com look-and-feel e skins
Cria componentes , actione listeners.
4. RichFaces
Para usar o RichFaces 3.3.1 necessrio:
Java > 1.5
JavaServer Faces
Java application server ou servlet container
Browser (client side)
RichFaces framework
5. RichFaces
Frameworks compatveis:
JSF
Sun JSF-RI - 1.2_12
MyFaces 1.2.5
Facelets 1.1.1 - 1.2
Seam 1.2. - 2.1.0
6. RichFaces
Servidores de Aplicao compatveis:
Apache Tomcat 5.5 - 6.0
BEA WebLogic 9.1 - 10.0
Resin 3.1
Jetty 6.1.x
Sun Application Server 9 (J2EE 1.5)
Glassfish (J2EE 5)
JBoss 4.2.x - 5
Websphere 7.0.
Geronimo 2.0
7. RichFaces
Browsers compatveis:
Internet Explorer 6.0 - 8.0
Firefox 2.0 - 3.0
Opera 8.5 - 9.5
Safari 3.0
Google Chrome
8. RichFaces
Instalao
1 - Baixar as bibliotecas do richfaces no site
2 - Configurar o web.xml
9. RichFaces - Instalao
Configurar o web.xml


org.richfaces.SKIN
blueSky


org.richfaces.CONTROL_SKINNING
enable

10. RichFaces - Instalao
Configurar o web.xml

RichFacesFilter
richfaces
org.ajax4jsf.Filter


richfacesFacesServletREQUEST
FORWARDINCLUDE

11. Exerccio 1
Configurar o RichFaces em uma aplicao JSF
Utilizar o richPanel para testar a instalao.
Cadastro OK, RichFaces funcionando

12. RichFaces
AjaxSupport
o mais importante componente do RichFaces. Ele permite adicionar ajax em componentes sem recurso de ajax
Deve ser inserido diretamente como filho de outro componente. Seus atributos chaves so:'event' e 'reRender'


13. Exerccio 2
Utilizar o ajaxSupport para mudar o valor de um objeto conforme vai apertando cada tecla
Utilizar o ajaxSupport para mudar o valor de um objeto ao sair do campo
14. RichFaces
AjaxValidation
um componente desenvolvido para validaes ajax dentro de componentes Input, semelhante ao a4j:support , mas ele pula todas fases do JSF exceto validao.





15. Exerccio 3
Utilizar o ajaxValidation para validar campos de entrada de dados
Utilizar o rich message








16. RichFaces
beanValidator
Criado a partir da verso 3.2.2 GA, prov suporte a validao usando Hibernate Validator.
rich:beanValidator deve ser definido da mesma forma que um validador JSF






@NotEmpty
@Pattern(regex=".*[^s].*", message="This string contain only spaces")
@Length(min=3,max=12)
private String name;
17. RichFaces









directInputSuggestions="true" defaultLabel=Selecione..." />
22. Exerccio 8
Utilizar o componente de modal


Abrir Modal
23. Exerccio 9 (Opcional)
Criar uma LOV (List Of Value) de UFs.
Construir uma modal para apresentar as UFs, com uma tabela onde ter um link, que ao clicar, retorna a UF selecionada para tela anterior.







24. Exerccio 10
Criar um rich:panel e inserir efeito nele
....panelcontent....
BlindDownEffectBlindUpEffectOpacityEffect
25. Exerccio 11
Entrar no site e verificar outros componentes e fazer testes
http://livedemo.exadel.com/richfaces-demo/
26. FIM