Richfaces Introduction May-2008

3,414 views

Published on

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

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,414
On SlideShare
0
From Embeds
0
Number of Embeds
119
Actions
Shares
0
Downloads
116
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Richfaces Introduction May-2008

  1. 1. Scott Ryan Denver Java User’s Group May 2008 [email_address]
  2. 2. Agenda <ul><li>Introduction </li></ul><ul><li>Native Components </li></ul><ul><li>Ajax Components </li></ul><ul><li>Ajax Enablement </li></ul>
  3. 3. Introduction <ul><li>Combines Richfaces components with A4jsf project </li></ul><ul><li>Under the JBoss umbrella </li></ul><ul><li>Some Maven support if you can find it </li></ul><ul><li>Integrates well with Faces (RI and MyFaces), Facelets, Seam </li></ul>
  4. 4. Introduction <ul><li>Leverages Prototype </li></ul><ul><li>Fairly active project </li></ul><ul><li>Different DOM interaction model than Icefaces </li></ul><ul><li>Implemented as a servlet filter </li></ul>
  5. 5. Architecture
  6. 6. Limitations/Hints <ul><li>Avoid Verbatim since that is transient </li></ul><ul><li>Update the dom only do not add or remove </li></ul><ul><li>Use placeholder elements for updates </li></ul><ul><li>Always send and receive valid XML </li></ul><ul><li>Use server side persistence </li></ul>
  7. 7. Overview <ul><li>Native Components </li></ul><ul><ul><ul><li>Non Ajax Enabled </li></ul></ul></ul><ul><ul><ul><li>Ajax Enabled </li></ul></ul></ul><ul><li>Ajax enablement of non richfaces components </li></ul><ul><li>Offers Dynamic Skins </li></ul>
  8. 8. Native Components <ul><li>Messages </li></ul><ul><li>Panels </li></ul><ul><li>Menus </li></ul><ul><li>Tables and Columns </li></ul><ul><li>Google </li></ul><ul><li>Virtual Earth </li></ul><ul><li>Trees </li></ul><ul><li>Tabbed Panels </li></ul><ul><li>Spinners </li></ul><ul><li>JQuery </li></ul><ul><li>Calendar </li></ul>
  9. 9. Examples
  10. 10. Ajax Enabled Native Components <ul><li>Drag and Drop </li></ul><ul><li>Suggestion Box </li></ul><ul><li>Ajax Output Panel </li></ul><ul><li>Media </li></ul><ul><li>Ajax Includes </li></ul><ul><li>Polling </li></ul><ul><li>Push Capability </li></ul><ul><li>Command Button </li></ul><ul><li>Command Link </li></ul><ul><li>Modal Panels </li></ul><ul><li>Toggle Panels </li></ul><ul><li>List Shuttle </li></ul>
  11. 11. Examples
  12. 12. Ajax Enabled Non-Native Components <ul><li>Action Parameter </li></ul><ul><li>Ajax Support </li></ul><ul><li>Ajax Listener </li></ul><ul><li>Ajax Re-rendering </li></ul><ul><li>Ajax Regions </li></ul><ul><li>Ajax Status </li></ul>
  13. 13. Ajax Concepts <ul><li>Ajax Region </li></ul><ul><li>Ajax Output Panel </li></ul><ul><li>Ajax Keep Alive </li></ul><ul><li>Ajax Script </li></ul><ul><li>Ajax Style </li></ul><ul><li>Ajax Log </li></ul>
  14. 14. Ajax States <ul><li>onsubmit onsubmit=&quot;if (mynosendfunct()==false){return false}&quot; </li></ul><ul><li>onclick (Command button and link) </li></ul><ul><li>oncomplete </li></ul><ul><li>onbeforedomupdate </li></ul>
  15. 15. Examples
  16. 16. References <ul><li>Richfaces </li></ul><ul><ul><li>http://labs.jboss.com/jbossrichfaces/ </li></ul></ul><ul><li>Appfuse </li></ul><ul><ul><li>http://appfuse.org </li></ul></ul><ul><li>Swoop </li></ul><ul><ul><li>http://www.soaringeagleco.com/swoop </li></ul></ul><ul><ul><li>http://sourceforge.net/projects/swoop/ </li></ul></ul>

×