Advanced ADF Faces Frank Nimphius Principal Product Manager 1
Agenda "Must See" Introduction ADF Faces Table and Tree Active Data Services JavaScript Drag and Drop Declarative s Agenda "Must See" Introduction ADF Faces Table and Tree Active Data Services JavaScript Drag and Drop Declarative s 2
About ADF Faces RC JavaServer Faces set 150+ UI components, Operational s and DVT JSF 1.2 compliant Based on Apache MyFaces Trinidad s UI Layer of Choice for Oracle Applications Oracle Product Teams Enterprise Manager WebCenter Does not require Oracle ADF Supports 3rd party Java EE containers Supported Browsers: IE 7, IE 8, FF 2.1, FF3.x, Chrome, Safari ADF Faces Model Integration Java EE Model Server Side Business Service Data Binding to Model Binding Expression Language Web Service POJO ADF BC UI Renderer EJB BPEL Custom POJO Binding Model Client Side JMX Rich Client TopLink BAM Peer 3
ADF Faces ADF Model Integration Java EE Model Server Side Business Service Data Binding to Model Binding Expression Language Web Service POJO ADF BC ADF Data Control Data Binding Faces Ctrl Bindings PageDef.xml UI Renderer EJB BPEL Custom POJO Binding Model Client Side JMX Rich Client TopLink BAM Peer Product Demonstration Demo 4
Agenda "Must See" Introduction ADF Faces Table and Tree Active Data Services JavaScript Drag and Drop Change Persistence Declarative s ADF Faces Table af:table displays collection of data af:column only allowed child component Row filtering, sorting Column reordering, resize, freeze Listeners for select, sort and query Rows are stamped not rendered as component instances PanelCollection Multi column sort Detach/Attach Hide/show/move columns 5
Product Demonstration Table Filter ADF Faces Tree af:tree displays hierarchical data structures of ADF tree binding or Trinidad CollectionModel nodestamp pathstamp #{node} af:switcher component to render tree nodes diferently ChildPropertyTreeModel af:treetable Combination of table and tree 6
Product Demonstration Tree Samples Agenda "Must See" Introduction ADF Faces Table and Tree Active Data Services JavaScript Drag and Drop Declarative s 7
ADF - Active Data Services (ADS) Push server updates to the browser client Integrated framework for data streaming Based on JSF declarative model Externally configured Supports Push Long Polling Polling POJO and ADF binding support ADF BC leverages auto-ppr Product Demonstration Active Data Services 8
Agenda "Must See" Introduction ADF Faces Table and Tree Active Data Services JavaScript Drag and Drop Declarative s ADF Faces Architecture DOM Form Client Side Servlet Server Side Label1 Label2 Label3 OK JSF Lifecycle Tree UI s UI s Form Form Document View Root Peer Objects Renderer 9
Product Demonstration JavaScript Agenda "Must See" Introduction ADF Faces Table and Tree Active Data Services JavaScript Drag and Drop Declarative s 10
Drag and Drop The Rich Web must do because Desktops can At designtime, drag and drop is declaratively configured on the server side components af:attributedragsource af:attributedroptarget af:dragsource af:droptarget af:calendardroptarget af:collectiondragsource af:collectiondroptarget af:componentdragsource At runtime, drag and drop executes as a client side event Can be cancelled on the client using JavaScript Event addresses server side drop listener Product Demonstration Drag and Drop 11
Agenda "Must See" Introduction ADF Faces Table and Tree Active Data Services JavaScript Drag and Drop Declarative s Declarative ADF Faces s Usecases Create layout fragments Use in addition to page templates for consistent look and feel "Oracle Forms like" Toolbar Wrap components to add functionality For example, provide table shell that applies keyboard functionality Create panel that allows you to export table content to Excel in binary format Create complex components that operate on iterator or bindings that are passed in as arguments 12
Declarative ADF Faces Types Declarative Tag Library Definition (TLD) based Deployed in ADF Libraries Reusable across applications Cannot have ADF PageDef file Can invoke events on consumer page Dynamic Declarative s Defined in and for web project Deployed with the application Reusable within single application Cannot have ADF PageDef file Participates in geometry management Product Demonstration Declarative 13
14