16
Scott Ryan Denver Java User’s Group May 2008 [email protected]

Richfaces Introduction May-2008

Embed Size (px)

DESCRIPTION

A Presentation to the Denver Java User's Group and Boulder Java User's Group on the Ajax Enabled Richfaces Framework for Faces (JSF)

Citation preview

Page 1: Richfaces Introduction May-2008

Scott RyanDenver Java User’s Group May 2008

[email protected]

Page 2: Richfaces Introduction May-2008

AgendaIntroductionNative ComponentsAjax ComponentsAjax Enablement

Page 3: Richfaces Introduction May-2008

IntroductionCombines Richfaces components with A4jsf

projectUnder the JBoss umbrellaSome Maven support if you can find itIntegrates well with Faces (RI and

MyFaces), Facelets, Seam

Page 4: Richfaces Introduction May-2008

IntroductionLeverages PrototypeFairly active projectDifferent DOM interaction model than

IcefacesImplemented as a servlet filter

Page 5: Richfaces Introduction May-2008

Architecture

Page 6: Richfaces Introduction May-2008

Limitations/HintsAvoid Verbatim since that is transientUpdate the dom only do not add or removeUse placeholder elements for updatesAlways send and receive valid XMLUse server side persistence

Page 7: Richfaces Introduction May-2008

OverviewNative Components

Non Ajax Enabled Ajax Enabled

Ajax enablement of non richfaces components

Offers Dynamic Skins

Page 8: Richfaces Introduction May-2008

Native ComponentsMessagesPanelsMenusTables and ColumnsGoogle Virtual EarthTreesTabbed PanelsSpinnersJQueryCalendar

Page 9: Richfaces Introduction May-2008

Examples

Page 10: Richfaces Introduction May-2008

Ajax Enabled Native Components

Drag and DropSuggestion BoxAjax Output PanelMediaAjax IncludesPollingPush CapabilityCommand ButtonCommand LinkModal PanelsToggle PanelsList Shuttle

Page 11: Richfaces Introduction May-2008

Examples

Page 12: Richfaces Introduction May-2008

Ajax Enabled Non-Native Components

Action ParameterAjax SupportAjax ListenerAjax Re-renderingAjax RegionsAjax Status

Page 13: Richfaces Introduction May-2008

Ajax ConceptsAjax RegionAjax Output PanelAjax Keep AliveAjax ScriptAjax StyleAjax Log

Page 14: Richfaces Introduction May-2008

Ajax Statesonsubmit onsubmit="if (mynosendfunct()==false){return

false}"

onclick (Command button and link)oncompleteonbeforedomupdate

Page 15: Richfaces Introduction May-2008

Examples

Page 16: Richfaces Introduction May-2008

ReferencesRichfaces

http://labs.jboss.com/jbossrichfaces/

Appfuse http://appfuse.org

Swoop http://www.soaringeagleco.com/swoophttp://sourceforge.net/projects/swoop/