Developing JSF Pages Using ADF Faces

Developing JSF Pages Using ADF Faces
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
ADF Faces 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…
• 50 graph types
• Flash or PNG rendering
• Interactive:
• Zoom
• Scroll
• Time selector window
• Line and legend
• Animation
Layout Components
• Arrange your page using areas
• Relative positioning
• Advanced layouts
• Change page layout at runtime
Using Facets
• Facets are:
• Placeholders for
• Similar to detail elements
• Used to specify subordinate
elements like header or
• Displayed with the
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
Partial Page Rendering:
• Enables redrawing only a portion of a page
• Can be enabled declaratively or programmatically