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,298

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,298
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

×