100 likes | 230 Vues
Dive into the world of JavaServer Faces (JSF) and explore how to effectively develop dynamic web applications using Oracle's ADF Faces Rich Client Components. With over 150 components at your disposal, this guide covers everything from Ajax-enabled features and pluggable look-and-feel to built-in advanced functionalities like drag-and-drop frameworks and responsive dashboards. Learn how to implement key components including charts, tables, and interactive elements while ensuring accessibility and internationalization. Discover the power of Partial Page Rendering (PPR) for seamless user experiences without full page refreshes.
E N D
ADF Faces Rich Client Components • • Over 150 components • • Ajax enabled • • Pluggable look and feel • • Accessibility & internationalization • • The usual components plus: • – Charts, gantt, pivot, calendars, coverflow • • Built in advanced functionality: • – Drag and drop framework • – Dialog and pop-up framework • – “Active Data” - Dashboards / push updates (comet) • – Templating and declarative components
Common Components • Input and output components • Fields, sliders, selectors • Navigation components • Links, buttons, menus • List selection components • Dropdown, LOV, shuttle • Data collection components • Table, tree, carousel • Others • Progress bar, calendar
Operation Components • Instead of writing JavaScript • Validators • Convertors • Behaviors • Drag and drop • Listeners • Export • Print • More…
Graphs • 50 graph types • Flash or PNG rendering • Interactive: • Zoom • Scroll • Time selector window • Line and legend highlighting/fading • Animation
Layout Components • Arrange your page using areas • Relative positioning • Advanced layouts • Change page layout at runtime
Using Facets • Facets are: • Placeholders for subcomponents • Similar to detail elements • Used to specify subordinate elements like header or footers • Displayed with the component
Partial Page Rendering • PPR uses AJAX technology. • Update the page without refreshing the whole page. • Select a value from a list and filter a result table by that value. • Scroll through a results table. • Expand a tree control. • PPR in ADF Faces is mostly transparent: • Expand a tree node. • Nothing special needs to be done. • Explicit PPR attributes: • partialSubmit: Used by command components • autoSubmit: Used by input items or lists, and so on • partialTriggers: Used by all components
Declarative Partial Page Rendering(PPR) Partial Page Rendering: • Enables redrawing only a portion of a page • Can be enabled declaratively or programmatically