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…

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