Your SlideShare is downloading. ×
0
RichFaces: rich:* component library
RichFaces: rich:* component library
RichFaces: rich:* component library
RichFaces: rich:* component library
RichFaces: rich:* component library
RichFaces: rich:* component library
RichFaces: rich:* component library
RichFaces: rich:* component library
RichFaces: rich:* component library
RichFaces: rich:* component library
RichFaces: rich:* component library
RichFaces: rich:* component library
RichFaces: rich:* component library
RichFaces: rich:* component library
RichFaces: rich:* component library
RichFaces: rich:* component library
RichFaces: rich:* component library
RichFaces: rich:* component library
RichFaces: rich:* component library
RichFaces: rich:* component library
RichFaces: rich:* component library
RichFaces: rich:* component library
RichFaces: rich:* component library
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

RichFaces: rich:* component library

3,286

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,286
On Slideshare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
55
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. JBoss RichFaces Webinar Series Rich UI Components (rich:* Tag Library) Webinar #3 Max Katz Charley Cowens © Exadel
  • 2. Upcoming Webinars: June 16th, 2009 - Skins
  • 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. 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. RichFaces 1. JSF-AJAX components (100+) 2. Skins 3. CDK (Component Development Kit)
  • 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. JBoss Tools
  • 8. Basic Concepts and More 1.Sending AJAX requests 2.Partial view (page) rendering 3.Partial view processing 4.Controlling traffic
  • 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. 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. <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. 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. 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. Rich UI Components rich:* tag library Self-contained, ready-to-use rich UI controls Over 80 components
  • 15. Types of Components Output Input Data iteration (incl. scrolling, spanning) Drag-and-drop Menu Selects Trees Miscellaneous
  • 16. RichFaces 3.3.1 Released May 18th, 2009 rich:colorPicker rich:page rich:layout, rich:layoutPanel themes - predefined and packaged layouts
  • 17. rich:page header subheader sidebar rich:layout, rich:layoutPanel footer top left center right Header bottom
  • 18. RichFaces Demo http://livedemo.exadel.com/richfaces-demo
  • 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. What We Covered Reviewed basic concepts Rich UI components What's new in RichFaces 3.3.1 RichFaces 4.0 plans
  • 21. Upcoming Webinars: June 16th, 2009 - Skins
  • 22. JSF/RichFaces Training On-site 1-3 days More info: http://mkblog.exadel.com
  • 23. Thank You. Questions? mkatz@exadel.com http://mkblog.exadel.com

×