Scott Ryan Denver Java User’s Group May 2008 [email_address]

Agenda Introduction Native Components Ajax Components Ajax Enablement

Introduction

Native Components

Ajax Components

Ajax Enablement

Introduction Combines Richfaces components with A4jsf project Under the JBoss umbrella Some Maven support if you can find it Integrates well with Faces (RI and MyFaces), Facelets, Seam

Combines Richfaces components with A4jsf project

Under the JBoss umbrella

Some Maven support if you can find it

Integrates well with Faces (RI and MyFaces), Facelets, Seam

Introduction Leverages Prototype Fairly active project Different DOM interaction model than Icefaces Implemented as a servlet filter

Leverages Prototype

Fairly active project

Different DOM interaction model than Icefaces

Implemented as a servlet filter

Architecture

Limitations/Hints Avoid Verbatim since that is transient Update the dom only do not add or remove Use placeholder elements for updates Always send and receive valid XML Use server side persistence

Avoid Verbatim since that is transient

Update the dom only do not add or remove

Use placeholder elements for updates

Always send and receive valid XML

Use server side persistence

Overview Native Components Non Ajax Enabled Ajax Enabled Ajax enablement of non richfaces components Offers Dynamic Skins

Native Components

Non Ajax Enabled

Ajax Enabled

Ajax enablement of non richfaces components

Offers Dynamic Skins

Native Components Messages Panels Menus Tables and Columns Google Virtual Earth Trees Tabbed Panels Spinners JQuery Calendar

Messages

Panels

Menus

Tables and Columns

Google

Virtual Earth

Trees

Tabbed Panels

Spinners

JQuery

Calendar

Examples

Ajax Enabled Native Components Drag and Drop Suggestion Box Ajax Output Panel Media Ajax Includes Polling Push Capability Command Button Command Link Modal Panels Toggle Panels List Shuttle

Drag and Drop

Suggestion Box

Ajax Output Panel

Media

Ajax Includes

Polling

Push Capability

Command Button

Command Link

Modal Panels

Toggle Panels

List Shuttle

Examples

Ajax Enabled Non-Native Components Action Parameter Ajax Support Ajax Listener Ajax Re-rendering Ajax Regions Ajax Status

Action Parameter

Ajax Support

Ajax Listener

Ajax Re-rendering

Ajax Regions

Ajax Status

Ajax Concepts Ajax Region Ajax Output Panel Ajax Keep Alive Ajax Script Ajax Style Ajax Log

Ajax Region

Ajax Output Panel

Ajax Keep Alive

Ajax Script

Ajax Style

Ajax Log

Ajax States onsubmit onsubmit="if (mynosendfunct()==false){return false}" onclick (Command button and link) oncomplete onbeforedomupdate

onsubmit onsubmit="if (mynosendfunct()==false){return false}"

onclick (Command button and link)

oncomplete

onbeforedomupdate

Examples

References Richfaces http://labs.jboss.com/jbossrichfaces/ Appfuse http://appfuse.org Swoop http://www.soaringeagleco.com/swoop http://sourceforge.net/projects/swoop/

Richfaces

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

Appfuse

http://appfuse.org

Swoop

http://www.soaringeagleco.com/swoop

http://sourceforge.net/projects/swoop/