Transcript 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 highlighting/fading • Animation
Graphs
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