RichFaces: rich:* component library
0 likes•1,032 views
1) This webinar reviewed JBoss RichFaces, a library of AJAX-enabled UI components for JavaServer Faces applications. 2) It covered basic concepts like partial view rendering and processing. It also demonstrated many of the rich UI components in the rich:* tag library. 3) Recent updates to RichFaces were highlighted, including new components in version 3.3.1 like rich:colorPicker and themes with predefined layouts. 4) Future plans for RichFaces 4.0 were discussed, which will integrate fully with JSF 2.0 and focus on consistency and performance.
RichFaces: rich:* component library
- 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
- 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