JBoss RichFaces
 Webinar Series
 Rich UI Components
 (rich:* Tag Library)
     Webinar #3

      Max Katz
   Charley Cowen...
Upcoming Webinars:
June 16th, 2009 - Skins
Who Is This Guy?
  Senior Systems Engineer
  RIA strategy, development, training
    http://mkblog.exadel.com
    http://t...
The Plan
Review what we have done so far
Components from rich:* tag library
What's new in version 3.3.1
Future plans
Quest...
RichFaces
1. JSF-AJAX components (100+)
2. Skins
3. CDK (Component Development Kit)
What You Should Know
Runs in:
• Any servlet container, application
  server
• Portals: JBoss, WebLogic, Liferay
Works with...
JBoss Tools
Basic Concepts and More
1.Sending AJAX requests
2.Partial view (page) rendering
3.Partial view processing
4.Controlling tr...
Sending AJAX Request
• a4j:support – add AJAX support to
  any parent component
• a4j:commandButton,
  a4j:commandLink
• a...
Partial View Rendering
Point reRender to component IDs to be
rendered
  •
    Bind to EL to decide in runtime
Use a4j:outp...
<a4j:commandLink reRender="id1,id2"/>     Using
<h:outputText id="id1"/>                  reRender
<h:dataTable id="id2">....
Partial View Processing
Using ajaxSingle
<h:selectOneMenu value="#{bean.fruit}">
   <a4j:support event="onchange"
        ...
a4j:queue – controls traffic
  between client and server
     – Wait for request to return before
       sending new one
 ...
Rich UI Components
rich:* tag library
Self-contained, ready-to-use rich UI
controls
Over 80 components
Types of Components
Output
Input
Data iteration
  (incl. scrolling, spanning)
Drag-and-drop
Menu
Selects
Trees
Miscellaneo...
RichFaces 3.3.1
Released May 18th, 2009
rich:colorPicker
rich:page
rich:layout, rich:layoutPanel
themes - predefined and p...
rich:page
                    header
 subheader
 sidebar




                               rich:layout, rich:layoutPanel
...
RichFaces Demo
http://livedemo.exadel.com/richfaces-demo
RichFaces 4.0
Full integration with JSF 2.0
Updated for redesigned for
  consistency, performance
Release schedule (2009):...
What We Covered
Reviewed basic concepts
Rich UI components
What's new in RichFaces 3.3.1
RichFaces 4.0 plans
Upcoming Webinars:
June 16th, 2009 - Skins
JSF/RichFaces Training
On-site 1-3 days
More info: http://mkblog.exadel.com
Thank You.
Questions?
mkatz@exadel.com
http://mkblog.exadel.com
Upcoming SlideShare
Loading in …5
×

RichFaces: rich:* component library

3,593 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,593
On SlideShare
0
From Embeds
0
Number of Embeds
47
Actions
Shares
0
Downloads
56
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

RichFaces: rich:* component library

  1. 1. JBoss RichFaces Webinar Series Rich UI Components (rich:* Tag Library) Webinar #3 Max Katz Charley Cowens © Exadel
  2. 2. Upcoming Webinars: June 16th, 2009 - Skins
  3. 3. Who Is This Guy? Senior Systems Engineer RIA strategy, development, training http://mkblog.exadel.com http://twitter.com/maxkatz Author of Co-author of Practical RichFaces RichFaces Dzone (Apress) RefCard
  4. 4. The Plan Review what we have done so far Components from rich:* tag library What's new in version 3.3.1 Future plans Questions
  5. 5. RichFaces 1. JSF-AJAX components (100+) 2. Skins 3. CDK (Component Development Kit)
  6. 6. What You Should Know Runs in: • Any servlet container, application server • Portals: JBoss, WebLogic, Liferay Works with: • Any JSF implementation (1.1, 1.2, 2.0soon) Works with: • Seam, Spring Works with any 3rd party components:
  7. 7. JBoss Tools
  8. 8. Basic Concepts and More 1.Sending AJAX requests 2.Partial view (page) rendering 3.Partial view processing 4.Controlling traffic
  9. 9. Sending AJAX Request • a4j:support – add AJAX support to any parent component • a4j:commandButton, a4j:commandLink • a4j:poll – periodically send AJAX request • a4j:jsFunction – AJAX request from any custom JavaScript function • a4j:push – a ping-like request
  10. 10. Partial View Rendering Point reRender to component IDs to be rendered • Bind to EL to decide in runtime Use a4j:outputPanel to mark areas on a view always to be rendered
  11. 11. <a4j:commandLink reRender="id1,id2"/> Using <h:outputText id="id1"/> reRender <h:dataTable id="id2">..</h:dataTable> <a4j:commandLink reRender="panel"/> <h:panelGrid id="panel"> Using <h:outputText /> reRender to <h:dataTable>..</h:dataTable> point to container </h:panelGrid> <a4j:commandLink/> <a4j:outputPanel ajaxRendered="true"> Using <h:outputText /> a4j:outputPanel <h:dataTable>..</h:dataTable> <a4j:outputPanel> <a4j:commandLink reRender="#{bean.renderControls}"> reRender with <h:outputText id="id1"/> EL <h:dataTable id="id2">...</h:dataTable>
  12. 12. Partial View Processing Using ajaxSingle <h:selectOneMenu value="#{bean.fruit}"> <a4j:support event="onchange" ajaxSingle="true"> </<h:selectOneMenu> Using a4j:region <a4j:region> <h:inputText/> <a4j:commandButton /> </a4j:region> <h:inputText/> <h:inputText/>
  13. 13. a4j:queue – controls traffic between client and server – Wait for request to return before sending new one – Set request delay – “Replaces” requests from the same logical components – Define queue size • Define queue behavior when size is exceeded (fire/drop new, fire/drop first) <a4j:queue name="ajaxQueue" requestDelay="1000"/> ... <a4j:commandButton value="Delete" similarityGroupingId="actionGroup" eventsQeueu="ajaxQueue"/> <a4j:commandButton value="Save" similarityGroupingId="actionGroup" eventsQeueu="ajaxQueue"/>
  14. 14. Rich UI Components rich:* tag library Self-contained, ready-to-use rich UI controls Over 80 components
  15. 15. Types of Components Output Input Data iteration (incl. scrolling, spanning) Drag-and-drop Menu Selects Trees Miscellaneous
  16. 16. RichFaces 3.3.1 Released May 18th, 2009 rich:colorPicker rich:page rich:layout, rich:layoutPanel themes - predefined and packaged layouts
  17. 17. rich:page header subheader sidebar rich:layout, rich:layoutPanel footer top left center right Header bottom
  18. 18. RichFaces Demo http://livedemo.exadel.com/richfaces-demo
  19. 19. RichFaces 4.0 Full integration with JSF 2.0 Updated for redesigned for consistency, performance Release schedule (2009): Alpha June Beta August CR September GA October http://www.jboss.org/community/wiki/R ichFaces40Planning
  20. 20. What We Covered Reviewed basic concepts Rich UI components What's new in RichFaces 3.3.1 RichFaces 4.0 plans
  21. 21. Upcoming Webinars: June 16th, 2009 - Skins
  22. 22. JSF/RichFaces Training On-site 1-3 days More info: http://mkblog.exadel.com
  23. 23. Thank You. Questions? mkatz@exadel.com http://mkblog.exadel.com

×