Developing RIA Web Applications with Oracle ADF Purpose Tita ows you how ob min Itrnat appleaton tat interacts wih a database You be using Orack JDeveloper 1g Vario 1.12.0 and ne ADF framework ;bul to apaton, and he process Youl work win Oral ADF Busmess Componeris,Orele AF Faces ich Clon! Components and Orade ADF Tose Haws Time to Comp Aeproximaely 2 hours Topics The tutor covers te flown topics ‘create a Page Flow ‘Use ADE Faces Framework Features ‘rate snot uiness Sanies Page Ernomants and ‘Summa 100 Place the cursor over this con time may be stow depending on your itarnet co weton) ants fortis tatvi, (Cation; This ection loads al screenshots simultaneously, so response Noa tana, oa ca place eco over nial an nh flog slaps a bad an view ry Seer ahold win a stp YOU can Ne at Overview This tra kes you trough a sinple Scena af bulding a rih ret spplleaon that provides user interface to acess database abe, You be using Oracle Developer Tig orsion1-1".2.0 ané role ADF Tig teats comple aplatan selaag basiens Serves, Laer iace an page Wows "he os of i a ten va sd alive apa hal rack ADF poi fo Oa sppleatin developmen We wating ou he aad Sconario The aptcaton st you creo Ne ral spy imac Separnet and anloyees, You wl ese evr JSF pages a ena a Gy a Pre roquisites 4. Hove access oor have stale Oracle JDeveloper 11g Verson111.1.20. You can downlose trom Oracle Tachslony 2. This tutor ues the sample HR seers thal comes with he recent versions of he Oracle database For sunt reasons hs schema is usual loka, Wo hero lok the usr he next stops, From a command ine Invoke sles ane ogin using ne eytom user provide bs pastword forthe seco Type te fallowing command inthe SaL> prompt Aer user HR identified by HR account unlock: ‘nee the command go exacted yo can a dpe an tha commandline window EU eee eee ened eee eee ae este eee ere? raviv Datshace 10g Exprece Edition Releaze 10.2.0.4.0 ~ Produ ee 4 Sta Developer using the sorte yournsallaton provided. @ own oer tittcoesever sagt > i) cade -catbisa hone . yy 2) Qusstrt @ sa »] soto: @ oe + |B unneat onde denre & rise soe .you ar pote to miata tom an alder version choose No. When pampied choot are chose the default rae Creating a New Fusion Application and Business Components ackto Tole List nen you worn Developer you organize your wack in goes win an appcato. JDeveloper provides severaltampas thal you can use ocala an Apatatin and lompnie th syournaeds, Yu can en configure to ad any ale echnologie You pon use ‘noeded for developing varios Wes ! appears, ah you coat your wong Inthe frat sectan you ate gong lo crest anew Applicaton using the Fusion echralbgy an ul reusble business components wl access the database ‘YouTlte usig the Orale ADF Buses Components technlogy o map ava objects exisng tbls n your database, 1 na pleats Navel ec ew Appleton, Aer tn nue FleoNew..mans stent a (ie Et ew Appication Retoctor Search Hawgete Bul ft BOSG9e XRRIO-O-1F ideas [Bromestortevestor |) Disa ‘pen Application 2. Into Crate Application dialog box. seco Applicaton Name obo HRSystem. Nose thatthe srectry changes to mach the ow name. You can exango the © iDbveopormywor part of to patho creae your los arate locaton In th Agpleaton Package Profi Fld st tho valu to bo demo. Inthe Appaton Temples choos he Fusion Web Application (ADF) and ick Finish, eee [idem | secestonsadaoerte (acne doses Terai: et preconign wth Developer tecolges, bt canbe astorzes to nude any temacoe, 2 Fusion web appteation (AO) (Gere actsbouna aor nb apoisten, the penton oat of re roe {ore and cntlr coroners (AF ace ard ADF Tah eh), and sober pt te dala mal (AD Bates Consonant) [eszvaDaden aotesten ‘Gest an anneationconfared fer buting 2 peer Sve applater Then ‘Ta Oversiow pare displays @ Chock you can ref o3sa guido for developing 2 Fusion Web Appleaon 2st Fege SINR ytem Overview ‘cect Page ens Webranee ranges Cire rttoes © > Ty sateen conan acs Sach ati) retard = = ‘Ta Chechstis splayed by defaut wan a Fusion Wee apoicatn is rete, 3. nthe Agplcaton Navigator you so two now projects now, ne ales Mode andthe ata ale VewContrller.Tras aya © vod Sl vexconieee |S Bveconene | Swear Gl oan at ‘acme ! edad | Binet 1b BaP 4. into Checkust Overview, clokihe Connect toa Database sop, Gad rae eerste ‘5 The step expan showing ull orm such a prorequises reqs or peroring th taak. Ck the Create a Database Connection bon 12> TE rene separ [rete rena vt tule eon Gce « Youmustinon the flown maton: st Sepby-step rctone es Leste 3 Databoes Cnnactn? 5. Specty the folowing gropertes far he new connection you ars aatng (seman Enter the Oracle JOBC Settings prope o pot othe ight host, poet and SID for your database. ick the Test Connection baton and vty hat you gol sucess hace opeaton eau cents a databace crmecon enna by and eioved th he ‘rent spleston(Chcls), Cheee De Comrise ates cmecion Wate be added ‘anys, ‘Clete conection: © soseatonResnuces IE Conectuns ee | eine | aac oe fe Beer otitis Caer co Oservennne: estcemecion a (Once dane elk he OK button7. Clk the down crow lo callpse the Connect o Database top. Intno Checks sano, ot tha status othe Connect to a Database ste fo Done a. ene 1 Clk the Bull Business Services sept expand, than clk he Go to Substeps baton 1» Bi penvarentatn reseed a vom ADF stones Creatas melonan our sppestensetsass sees ara bueNeee Hae ‘ureeoraly.A Waal weal propst crab o' anos oar ace er buareee congeners: rm ons retesr roa 6" ta one nde cerses bg, ew sie esteast! SOL cure, Scesctos gsm roarorenge bat arity oc, ve x oma oatoranpeDEWSSN Ew fps. sr an pesto resus obtos Re dls Mpct mE npe265 1S CRE 9. inthe sbiask is, ck he Craate Entity Objects and Associations subsak See Brorseret 32 create ew dec Bi vtsertes »43 Cont ewe Wrisee 3 create an Apleaon ode reise ‘Than cok te Crete Enty Object and Assoclations buon, "21 Gene se estas ~) fatale ouvert owe 10.in th Selec Pret for Acton dog, ‘in he iiaae Business Componsnts Project alg the HRConn connection shoud be electedCee ‘hs proectha not yetbeen tale fer Bares: Comoran, Afr eat he felonngrfomaten fr ou Sere Conger oe! (ee), oui be ono eat ou Sates Como). py he etna cnet ates yu cst hanes Components fom sg aabae cs: Semece: ad User: te peer: radeatbeorateorver Cane Sig: pacaecetn-Gheshoes 152 ‘ozs he roe Snr ard ie map hts your eccabon some opens [ode = ek OK, ‘2. te Enty Objects pape, ck he Query button to examine the data deorary and ss eal tbls Seo ed Entity Objects: a a cs weer gree es er aoe ‘ere yes ahems ches wap at aval, than sere thana cbc) and >! cent eney cies, iy Ye be | ine | ew Rae Boine Name fits fe) ate ry aol i =e > sotct te DEPARTMENTS ard EMPLOYEES tales inthe Avisos ane ck he ght arrow [Do move your selocbns tothe Selected Ist “This stp creates updatoabl Eity Objects based onto lables you chose. “spe thepadage conan our new eet bees ard srocatns. Fr a || Per he pes of scene best decoy sala, ben sec he scheme eke) andl» went ty eh ‘heme: (RT OFF Tee] (hick Next to contin, ‘A.in tne Upaatetle View Objects dsl, move Departments (HR.OEPARTMENTS) ana Employees (HR.EMPLOYEES) tothe Selec at. Thi stp‘eats matching view objects DeparmentsVew and EmployeesVew o perform queries on the ei object you creates before See eee i Taal an uplale ew abc nec naj fr tent of abe ony cect nee thee ssccaten beeen skies ery ees 2 vew nel atonal be cee ties | Lean) Cot] Cet] (hk Nexto continu, 15.in tna Read Only View Oojecs log, le the Query btton and hen move JOBS tone Selected let. Th stp creates areas nly ew abet nat queries the Jobs ae Create Business Components fram Tables - St Mnwipeemi Per he npescfscema chet tm apy as avabte; thenseec he shen cece and dek'>t9 centeread ery ee foie vst Frm bis. eee eS) rt [| (hick Nex to continu, ‘6.in tn Agpleaton Modul alg ck Fini o ces he business comanents nthe Madel projet“eect het sal tes f the deal dia made corpunets he pce penton race. [Fhe pec type ‘Sepcabn mde dost ex vbe ests lapis mode ‘Tin tno Chochts sane sats of th Great Enty Objects and Associations sispo Done. "© 3:1 este Ent, Chee ne emotions ‘srrreqast [reese Youve eabose pes vera ee Te the tabs you nents {or your wean, ‘Than eek he Close Stop 3 buton {tock toChecet Sonat] Pere YZ Crete vw Obes 33 Cae ee tke 3 create an apicton node Note Sins stops 3.2.3.3 and 3.4 have lb boon compsod, wo oauld a wollstrasats to don, but wl doit ala high ve, Selthe satus of he Build Business Services sap to Done, Fusion eb Applicaton Quick star checkast Cent the aceeabnby flowing sey tes rstuchors desing hn to bul ise ve Alster our 3 rae erates ecormandstes stow 8] + Ee aera tcaten Brosaes a 19.1 ne Appleaton Navigator Right-click AppModel and slot Run to ivoks the aplaton module eto, Tis lows you teatne ADF Business Componans You have st creates, a Sing basod application tha‘Ghecket seveFlee ebrane ions component 20.intn Ore Business Cgoent was won sail cick he EmpeptFLikt rodeo sow he depart and onloess a Naval en ba cri ng te Net btn Dad wath be uot et dee erctonaton Blewovenven 12 $8 Denerranic ‘arto KC > AeKS ROYER ee a a, ‘lk the Specty View Criteria (binocular icon) buton 8 inthe masta ‘otbar, to ener search ear for your data. Spey 1700 in tho ‘catenin cs the Find buon fo exci the query riness Component ¥ Predtned ci sane “Aho se 22-7he form woul now only show departments om ths locatonSee Becerra | Ke > aeKB Rave (tic round te Oracle Business Camponet Browser o tae other da and funtonalily ore for ou 2. ‘lose ne Oras Business Component Browse window, and back JDeveloper cick he Save Al! EB icon onthe JDeveloper mena ber, o elect File [Save llfom the mens Refining your Business Components Inthe 1p you reine your susnes srs by acing vldation ues, formating and defaut values. To add aldaton rues, perm he allowing tps: 1. intnaAppcaton Navigator cate he Employees eoiy object and double cok to open fren, Graamionmo Geom af 7 59 ome . t 8 sorroce sere 3 Bem sry ec 1 ued erage heures {Bde 2 Bocrarae Neve embyes & SBocstgrent vaiaget dened 2 Beene hemo cum ame L ssaassil Set eNione> Cees prow ‘ th Byerrmscritane Senet: OES clone rk Aepeaten esc » oe conse Retanty need res isress Commoners ruc Model Aterate Keys 2. nth Erployeost am window, lek the Attributes nodo and lost the Salary strut, and clk Scroll down nthe pago to the validston section and eck the Add con SH to add anew Validation rule ED yacann. COMMS. HUMBER, 2 anager amber MANAGER 3D NUMER 0) Departmen Rinber—DEPRRTME.. MEER, 0) a saldoon ls Ser nea (aaa) 1. nthe Ad Valdatin Rule ig choose Range fom the Rule Type dap down It. Nate he various ater ype fre you ean ‘afer. nthe Operate drop down Koop fe Batwaan valo, ays Of: he man value ana 9900 fo re mer value fos, Bacto Topi Lit‘ef theYaldston ou wart to perm wth her arcs he Yleaton Pare teeree a (i ee rE | emu vier [0 1 ossmumYoves [38200 ] nt rer a aii th lected av pe 44 Clk th allure Hanlin at etre an err rassape tat wl appear whon tho vali fls. nthe Message Tet Fld typean ovor stage ks “Salary out of range Oo 99,000 ligation Rule Dele te valatn you want perfor wth thee ard cana he Vaan Foleo tetera = | NARS) Coleen Yaliatenaluesevatty ©) pter Orford varina Fouretlesnge re text for te altace valdaton fare messes esse Text a ‘okn sng arescene (nese Then reson ee Coat ik ox, ‘5. Newel dd dal valu ote hive date ldo when we create anew emlayee welt have today's dal a the doa value, ‘Back in he Employees xm! window at the HirDate atte, and cick nat akeady tere, brng up the properties window using CTRL Shi nthe Value soon leat the Default Value Type property ard choose Expression hen setthe Default Value property o ‘SdLourrentDate, Ths wil maue sce the delat valu ore ew record is et a oda’ date sere) [eee Sequnce Fan: [deta ale) = Bae eam aan 16. You ea ls spect Ut for atte to conte how they wl pay by deft in the omar pages that walle thers ‘rca wel add 3 dent oma mask forth Fred Sato fla you can alo spec aba and oli helps ere. Int Ul Hints socion of the prope inspector locate a Format Type property and selec Simple Date(Gftiecbate Property iapector Bee A@ rn sf uni aie: . cones: ef . oct: (Stas Oia] ¥ She wi . Ce Fast yee f iosibme (eeu Gaye) Locate te Format ope an ype Ml. sFomattios: Eroetate—| creme ESET | 7. You can now un the Appleton Module Tees again gh clk Run onthe AppMode) io check he new valiaton, dau ‘ale fornew recor ana Ulin you adds. Clek nary othe Employens ew ito fst {ry Blcmotveeson3 | Ot es Ker AaAeRSRAVE Sfllepovenvens ‘Someones ane aero a es ee ———— soar reonte (3/17D957 deaid [AD ASST {4 Enter an out of range val as salary to check valdstion and he err messep. (oracte, jbo AvteSetValfuseptioa) JEC-deno.node,Euplovees.Salary Rule 0: Salary ‘lick the sort Record buton Land see te default valve you defined appear fo the HieDate Fld Fleroyeevens | Kee MEER R A? (estan) Enployeerd lessione ral Prana Slory anced Onparenid [|1 ‘lick the Save Al EB oan onthe UDoveloper manu bar, or solet Fle | Save All fom the mens. Creating JSF Web pages imaServer Faces o SF for storia standet Java EE lechnaogy thal sinpfas Web devloprant ints secton you creat @ JSF page lo secs the business comoonets at You cretodin tho previous ston. You lam how t crate a form that cane uses to plays ‘and meaty data, Yow leo ute @ marte-dtal elstonshi ts dpa ne nfraton about mpioyaes oan Saparmer To bull the pepe yout be using the Oa ADE Feces Reh Cent Components these conponeis slow yu lo buld Aax-based ich Wie UI wu wtng lm level HTML a vavasept cad ‘ee part he aptatnis evops na spe poet alae weno pd Ths wept ete He Wat oeothe aratace makes he 4. Well etartby reatng anew Wl pape ightlk ha ViewControlr projet nde inthe Applicaton Nevgsor, and select New. 2. intna New Gallery window, navigat othe Web Thr and JSF node, and choose he SF Page opto. (GTRRRBETY Oorentmoect Tetmsoges ‘The ela cae sesrona to cunt rere amc atnanass err (Gy Aor stn Cal ADF Tak Flow culomaclia (Par Tak Flom Teme so enero voll — ts ee ae ee em socuncfer eae ee Ree en eee ee eee ere ce = ae a Barrera orate ae Senders PSF Page Fragment sean (9 Page Teme = Ce Cea ik ox, 43. in tho Create JSF Page alg box, onare th pag o DeptEmpPage sp, nthe Page Trp op down box salac Oracte Three ‘Column Layout, and maks sire te Great as XML Documents checked Ener the name, decry, and chose toe for he Page, Orton ‘eferance 3s Tamas tncude ts corte n Sapa, ot sal 3 Duck Sutlavetto adi andcovigue an wisloet eyo. corporat Eto: Deiewce d Greeorr: [GltmenermoniRSnaientnrsleme hm || Bowen. | [icrete seam Doane 900) (iReader n atten stl Page Layard Cont (© Base Tela (rade Tvs Co ayo C2 stort 4 Your page wa be opened he vu deign vow. The leat has hee calumnsini sce we oly need wo incu page, we sat the rd one Paco your cursor th ight-nost acon called and and rat ck o choose DeleteUserensde Facet end rear Facet end ‘satTenda reer, See fct 2a Ci Waringe @) Spree pidrecvepane ls} Frew eartcounese: (ick an rag the Cd parerde ayer (Grreitce [Blpanetcokcn [jpsre pantexd Ex] PoreiFoxm Layout Ey PoniGawp yest 7. Rightclik the new Departments acordon and choose Inst Aer Show Data tem - Departments > Show Datal tm, This ‘ls ona more acoordon fo you page Trew before srenDetliton Desa nse se shaw Geta an -Departnans ‘Shango ts Text property to More Into "Tas was anstor way to eed components to @ page using coroxt manus drecy inside the Design vow.a =e > tom Eee sonnntrroe roe rca | Pone! Border inyout resem rm hemes Birecremcaynt Earedono.nyan frien feraci 8. In tn Propory Inspector chango the Orientation propory ofthe now spite tbe Vertical. 11. From the Layout components, ck an dag a Panel Ta component int the -2, Your page should ok hk he image below{lick the Save Al EB ican onthe Developer manu taro save your work acto Tope List Binding Data Controls to your JSF page Inthe nos few stp you ro going ot the busines components you seated o yur einer. You do thie with simp rng and drop operations = boind he score ‘he ADF Model layer as creo ts lnc for you. 4. In Pagecesion pans, clck he Departments aczorion 0 expand 2 ln opt Nv expand Dla Coro arn nat expat Apalachee sees deed ep 4. Drag the DepartmentsVew' esa contol ino the Departments accordion n your JSF page. When prampd to choose a camponenl o Create cose Forms ADF Read- ny Ferm, (gl rose 5) venconseer a reboot essere 2 Gusor 1G eden. Biocescovx showoetatiem 1 4. intno Ee Form els alg, check tn Include Navigation Controls check boxConfig the coroners hat you nan detey nyu om. eet aca reaver ithe resting omens afr yuck OX Tucan aes dre sorponents recy the yt se +x ADF Ope Label ie © @ 0 (ea cca Qrroutteaw/ibd ee cae Barr ouprteca/tate Dirge esbon conto inde sabrtsuton ; nth Data Controls aczorson expana the DepartmentsView! coneolto expose te fost contains as wll ashe resto EmployeesView’ conor the ampeyeesin ath department. ‘ote tat thee aie te det employees fr the maser dopamenls haya kod and rear the empoyeos youl se hi view ote wi be the anes wording in a Specie department you ae oking a Daa conrae SB temeaicaconma 8 5B] oecatnentevens ‘ee Deertnents saooamernane actor ca rsoors io )» ecenty Onened Figs ‘rag the EmployeesView’ dae conta na be Panel Collection on th op ig seo your JSF pag. he prompts ta shosae a componeto Create chose Table >ADF ReadOnly Table, ‘cpernens af Depend mata) Sepia tare ff Depurentlane pve Managers ensgoré roan) Lemons # LesteasinpVale) fst Last or Tab 3 Bl eearentvens leer apeamenare amiss nthe El abe Cures datos, check he te check bots for Row Selection, Sorting ana Fileing Lier nb AF Bev: [Z]non toh wssrme) (y)Bitering cme #X a copay abe watering eaporen To Ue a ceed or oobutTet ~ pene Bicrcugettent = te ceed Arrosouiren : oa cand Bice cage tet te ceed. Arroauren & pene A wroansrest @ te ceed. Arrosoiren cated A wrote ten cca. Arromiren cael Arroaptret r= Ceo alex. rag th EmployeesVew’ data conitl again but stm into the Tab onto bation rat oof your JSF page. Wen prompts to choos a componet to Creat choose Farm-ADF FormTmere BVI [5 Deprtnentsewt Tm Oepeterté ‘au Desatrentione mm tected 9. Inna Eat Form Fes date, check ne check boss or Ineude Submit Buon. Using your gus ard he SIN ey el the Botom tres ls fom the st ‘CommissionPCT, Manager, DepartmentiO and delete tm by sessing the Delete button 2% atthe top right Conia Ue cones ha you wan dla nyu for, Note bia yeu can rene ete esdng Sone yur EL OO Var tike orc cimperas rery eget | es: + iy abe Yess omg se a caus we ewoveeé vor rou tow) ad (ie acs Shine Ported tenes fee ces Slomane Bavor routte ne a cea ment Parmar Oo (os ces Shree Err roittotniae gy am cist mete ror rowowewiitd tin cas Siae Parmeter S oe cic sy ror wout Ton abd ek ox, 10. Your JSP snout lock ke ti oui Depo vo epaertare epee sb) Tors egeeopavac) ters) A tor) (scooting Cesare! — tsar) fo eee te a * click he Save all EB icon on the JDeveloper manu dart save your work Flot ck your page snd caose Run, Ths willcomp your lect bud, and lure te ntagrated WebLogic Server torn, Then & Web browse wil ape up and ‘si spay your pag. Ye can flow te prgten these slape ne window JDeveloperTrae bere race empsisteeCokry aoe neers fradeterptesftveecoLn nso after fadempites/reecounet Sepa Sopra Raa Deparrertlane XDeparnerane hau 8807 res enous #onegoinptvous) | SuTound Vth Lectené Lecter rutVoue) | Feces Page Tenpate rot frevoue, nt Laat ESE Teneaie Rector nser HM. set fam Moe [Bicoterage nett 12.0nce your page appears in your eowser, using ih departments Notch the dla or te employees changes accordingly isha abl and he Form Boneh ORACLE iter resis tho page aos ts py te deta ofthe department Then use to Next btn io sera hough he Departments we Bae Deparners 3 Deparmentane Adnsafon Menage 200 eooreld —— Frstane Lecatens 109 a r shonpetatitem 1 Strep [m0 stone [Jer Prone (SiS rents 08)17987 ed [AAT — Sey [30 & 13-Try lo update he HieeData ldo one ofthe arloyses wi an invalid date suchas YH1M25 and nlc he ear message when you tt a Li i showDetadtem Serpe [21 Festeme [Mehae uaetane [Fata @ error the dates not the correct format. nea ED inter ete mie sine free xn ea ARTE eee Pronsurbe (515. 105.55 ample: 1/29/1998 svete [pees TE st [98 = = * | Use te Cock Icon next te fol tering up a popup Calendar and choose a valid dts.estione (ied tacts [rein nat (ona Prone [FS DSSS rescate [Sa/TI9S 4 (Sexierber 7} 2005-3] ‘GN NEN TUE WD TH FR Sar “4. Unda th Saar aldo a value tat wil baak he valdation you crested beer such as 9 and eck he Submit butlon to gel he err massage you eesld 15. Browse lo dapartment 80 and note that you can now srl he data the emploeos abe (hoon one of he ears nsdn he ace fo she dat te ab, Click cotunn heading inthe table and agit tepston he clu he tbl ("ere el eee ia = en] i aa Be = = on a sey Si Aitutetone> Sener ornare | Cacceethll ‘han etek he OK bute, 5 cekne Save Att icon on the JDeveloper menu bar to save your work. 6 Fight clk wen he pago and slot Run fom conto rare frac emis reecotre rsartnade jxadeherostouexcebmn ser afte ae trelatesitveecoumrt Des THe cortanet Frets -FogeTenplte eaten demesne efor sot, Sect frm IB Stooge oetten Je ea auterace, wee bute a Debus 7. Browse odeparent 30. Secause you sl he colin selection to single, ole We addon chavs fr your tabetha ae avaole once you ‘hoote a colunm “such 3 Freeza snd Wrap. Sole col, hes cx th Freeze buon Now ue ho Mazon ca a1 view the igh ‘onetime {8 roms to department 30 tan, expand he More Info accordion and nts he graph ante popup slays whan you hover over with your1004" (Lesions: camera 6 Sha race Salm 2500 a7 I ‘Topas « al ieee shouDetaitem 1 - encloyecid| 314 vss sLaetame (Raphady nas ‘nen done, close the bowser andraten fo Doveloper. ‘Adding More Complex Business Services Inthe secon wel add new dusiness Senos to ow sppleton that wl psy subs oe i rom te Employees tebe long win th depanment name om he Deparment ate Well ake add esis ets ‘Grade ADF Busines Components alow youl creale such complex updaesble components in a detaaive way. 41 nthe Aspllcaton Navigator rah ck the deme moda package and choose New View Object, [Pr Oya Bleed Al © (a replat sovces 2 derare 5 Bh pore LF Sw (Beigh ene Exce roeer content t owan ase 2 Rg new boon a cremate nen scan ® ‘gone a je) ean eee 2. inthe Name dialog uptete Name fl tobe EmpDetalls an key the deat pe of Upeteable Accass Through Ent Obics er) Vien seer ers, as, i tome seh pa go faust Padaae: — eranedd i nore: Enobetid Fa: ose set: (sane> Seles the dos sauce tne you want to ue a heb eve bec Upc cen rch enya Oreste acest rou so ary © Rares pepe roxanmencay rotbaseona ary Ronee ot en ie (SU) (kth Next auton, In th Enty Objects ag frst slot Employes rigttnand slecton, [ete ta only the Employees ently has the updtaabe checkbox checked - th departments ely Is ued ea da oly 1 shut to tha rat, and then sol the Dopartmants oy and adit thereo eect ent abjnt for en bc serlenon Neate os ik Not 4. int Asus dig sutle We folowing Employees tutes tote ght + Employeeia Fistame Canteme Salary Hirebate 2 oni! ‘Antom te Departments erly shut the fllwing atts other: “Department 1 DeparimentName ean ete et ee OS Ct) Aine sage you cana the Finish button to complete he Wow objet eaten 5 Nextwe arguing ote how lo ad calcite trate oor objet we adda tibul tat wi shw be yer sey. Inthe EmpOetasmt er sth othe Atrbutes scton ad ck ne Add ton“ fonds new rte,ena Onec ols SaceGaer a canbemsopea to ety ate, cdadstedo ea er one Nears es Rarer fate ipa ecrenon fake Islay" pate spe tame ear | Tp “Number = |eonee. al VebeTme: Otel Bren whe [soley —i [O Owen permet saimn es = Eoesinnr : Chest =o (hk the OX btn. 7 nthe naxt coupe stops we' show how oad st ales tell based on ast vals store nano ale. ns ease olla i talus fr pons as om Babe ttle Inthe EmpDstall.xm odor sth othe View Accestors section ek he Addl bation "P to dé naw view acestr, Essen Deaiphese [ldmaetatemm! [inseyeerian | [alse WGI) ene ‘entycbiecs View accessors 7% @ tips | Yew acesas are sed fer ening ond Heong the dbase eR ET) our valten and oresuta View Accessors 1. inthe View Azcassrsdalog she the JobVlews othe rightSidcta van dict shared venistnce andshtet ts he eed to eae seven once: New tensor: (it Sew a a (© @ cam odel aay Slogertmrttion soem [Serre | Elen] [E>] ieee Rtas Detiin: cena dl ebaen Coe] f Ck he OX but, 8. Intro EmpOetas.xml esto switche Attributes section, select the Jobld abut ad in he List Of Values sation clk the Aad baton Eretyopece — Attbutes > Sete re [AtPboteS au ec thes an be apes erty atten, clatecor A-ei wey aoe tae im ER) ‘Wen accessors 7% stunts ane Type Aonane “em uege - | excbyesié res emLoreE Expojeas [reste Sieg FIRST MANE Expoyees vasttane sea LST NAME Exper ‘10.n tho st of Value ig Slot Jobs View! forthe List Data Sours fl, and Jobld 3 ho Lis Atibts, lusofvouestime: [lOebd ciara SR Sect ew scene for et dat tre or er oat elt atte a ‘aosto ecient nen apectomebe store: + wane ap sparta vais that your Ite toe boue ew bet Otay are viet Reelin fe tah Beet are +e oo aa ‘1. Stine List of Values tego UL Hint tsb a choot Input Text with List of Va hl th Job Tie ate fo era he Dal Lt Type and thensrvicteme Da arama ores | = ————— | Depey tarbae rece onponet, mile dopey tubs aesepacatedy witespace tole: selected ‘ime penne 2 ¢] cy [es essay ec 7 | Paver is Aumatcaly hte Let Optene — hk the OX baton, 12.Now wo neod oa th now bjt hat we eroalad fo the data model we exposes to he usr ireface developers Inthe Agpeaton Navigator cout clk he AppModule fo open ter esing and encase fe Data Model secon of th oor. ‘Data Model Components [Mew object anstances roster col estore th ewes © Bl oepartertoee $5 xosven select vic dct fre redo aval ew obec eet tetanc Spleen ode b bes pain fe cats ode vee a ak > 0 aesteat (9 #f oeowarienk 5B Erodes: ‘aloe vw Onset Daredd: [Riis W eBreocet cena mode Mose © @ commode [= Floesatensiews $5 Ernoyeesven3 . Bimwveesiew nemo | F)Emckyeseiew crocs seca” $5 orton Soremtie | & Pe eloormmey var?) pa ees Lanse 22) eye ene & | 15. Clk the EmpDetalle vow object and shut othe Hah Data Hada ata Hodel Components — Sect eject ue fava vi bce, ot tance ERGecinien Guanes even cheer te coo nese “ Servcetnarace configratens Mw Object stances ‘he stems conta It fe obec owe nko delay ‘tase cet rotons, $2) steven “Avatable Wew Object Data Model: ‘Subtypes... | Et. are etd esd 3 @ tennods $8 wien 3 Bateorieser Hlomlomeerens Hegecwovaes | fea Gage on SSoowmessenace( Rl] fleesncnene Benen vet || $8 ven ‘4. in tn Agpleaton Navigator Right ck AppModel and selec Runt woke th plcaton module tse. TNS pplcalc tat lows yous he ADF Business Gompanerts you have hl ceed al Sng basedDota ode! B32 Model sepican uncer y EBleme conigutore }2% Sunes ConponetsDeskurent Bem, sat ‘Ri ceowriorki kK <> UtXOBave © Blsnayecent Si osrrarients PEldenrmensen2 PE) epteneoearks employeess 2 lebron: Frstene ee eH laste ise SSS—*d say (00 Hiedate [092887 16-Tr soting be Salary 1 and noe the aor message ones you ear the Fld Note the date formal or lreDat ad he fac al ‘he dart nar arte year salary are played Now invoke th i of vals forthe debit choose nom ob Temier ‘halen oonrrse7 moat veer 48. ‘ose the Business Components Tester window witout commiting the changes and back in Developer, ck he Save All EP icon nthe JOevalper mons bar lo save your woreCreating a Page Flow \Wiobapocations usualy havo mers than one sagen thom In ho next secon you are going oa anothe page to you apotcaion and ss the ADF Task Flow odin the 0 pages, To ad @ page Bow and navgala bevaen pages, perform ihe flowing Seb ‘navigation ules betwean 4. mtn Aopeaton Navigator under he ViewContole project lat the le af-conig under he page flows node, Double tok tf open tate ea, Thi is where we dans Naigaon cursor Erste __=[) na Projects EVO YS || epost Tac ow Bee (3 Gil vewcontroter a ein Sica 2B web content: Styumer dco Drop content oe diagrar chant Compon (Braeron Resourci [Denne Page jx 2. Drag and rap the DeptEmpPage epx feo he applcation nave the empty acon gram, EARNS) paaneaiatod Glee 1B] ViewControler 1p a eatesoensourcos Dy Web cantet Gene “(3 stcontoard BB fees cont al rca canta [Broperione From te Component Palate sagan stop 9 View componontino he dco diagram, and name ilo query. Tit ‘0h tobe anew JSF pag hat wel rote amine enema From the Component Palate choose ¢ Control Flow Case an han eck onthe DeptEmpPage ena tne to he query ces (Sl meted cat rove Deere Port tate jas Fon cal DepempP ace corte Row Name hse goQvery Dovienpeage rd ten reste an opposte thw tom be query page tothe 5. From the Component Pat choose anoer Conte! Flow at DeptempPage. Name mis ow beck|| ox tare Foon osvenurae) Pa] cen ie Sy lw in the agra io create bene page. Using he Column Layout ane the Cras SF page dig. Geos rer he rane, dcr, and chase ape fr the 2° Pao. Ooty ‘lscre fate Tepito rede Recent pape, oy 2 ck (Senta toaad ans congue mint st nj campaners enone [avery | creamy [:tDenore wnentRSrctnivenconekr eile hi |[ Sense) (Osarerace (© Bape Tense [Grae Tre CalLayat =] (Cae strttayat Page inplanantntn [il consort rene upon n nonce) pestnsde ne BT Sears atten olyeesiew BB detent 1h 3 operates 8. Locate the EmpDetaiet dats cont expand i nd expand te Named Cetera nae under Select he All ri [Attributes ar ro info he canter area ofthe new quoryJapx Pag. tne prompts to choose a component o Creat choosa Query > ADF Query Papases 12 I aneleataconel EE Depron SB empornss au Departed ‘58 Deparnentione ma embyeetd sarrasone sate Quy 1@ DF Ganon nna Be» 8 ADF QueryPanel nth Tie Tale ‘sane asin tay tb Doman (5 ramedcrnra ones 1s BB eryeerven 10.1 ne Oala Conte acorion selet the EmpDetallst ia cota and rita he canter sea of the page bolow he query nen promgte to choose a component:o Croats choosa Ferm >ADF Form Tata [5-f AppNoaeDetcont fb Bocernersncn e hee ‘tater mcnine servos acne Sw eaintine ccny fa Yerheary (B onerations: (8 Blerbreient (9: E bstenn 1 persone search tig) "Snel semen aces In tno Eat Forms Det, choc bot the Include Navigation Control See Canis te compen tat you want in dey jour frm Ne het yucan ren cr ae ‘eal conconents fr yu cee. Yuan ao et mre organs recy he oye ids: eX iy te \uesrara (3 BAM mut Fe /iabs a xtefaut> arc potTox tab it Cetaat> {EDAD tnt Tet tae: (sa <écau> (Er tte w/ ate a cetat> eae SPADE tor Vest ea mperaentc Eascr mur teco ab! cto Senate Pasor beat To label “foi Sveaisabry Easor meat tetas ‘Hin tne stucue pane lal he Submit buon ht lek Land choose eo o oe) Ca CesSay LU Bese |Recently Cpened Fins “noerthefore afcommandeutton Sumit »| 8 counk aoe pertain sent | lan a SE 2 Ente sree, tesco fe Pte ot ae —_ cae Me BD obrputtent sthicdnga Deparnertid MEI Desan en BP croutterorval wD afinpurtest- findnge.Deparmentn: Refactor |B trpttext S Eat: spargatensacr) | Pathe Acai See oma eA acest | 2am SSteteeete fy rom atpenesroup aout erica |} Bnd to ADF Cental yeeere, 6 Eg sfomatrotarat-bo yo can Soincee samen ove | Stctnrac af commandtion -Ng Ml 2 a] Select mary List S stermoentan 1g ob saw |B scciowon |B select one Let, &-Siorecapinat’a B eotnenoaun meena 2 eo Becsownes LL = Using tne property inspector cnangs the Tet of he new buon to bs Back an forthe Acton propery selec back Hom te ‘op down ist This wi cause te but lo prt Ne nalgaton you denon pope fom. evkre (Sica re] '2.Net wel aca transaction operations fo the page tallow you fo commit an aback changes. nthe Data Cons Palettes ‘rand the eppicalon mele ove Operations rede fo locae tna conan aback operons. Dra = Commi operation Ino the stuctire pane blo the Fst Button. nen sonst Tora ato age dhoose ADF Buon a Sa, IE swore Al (Ovens Da kanescrtn 2 boven (Bopestone $= cent Opened res am ey jpx-Suuchre * often - fond Dewtrentahints!* Sar afreuien-rbnanesDermersane te | 5 Se stoenaGcunineit ver ofan fan Yea in a aac me Gisteonnn en steonman nor Uk smn ge (@ stoonne S AF Tooter & Stren coh & x magetre OW sina] TH GREE @ orensnosuitn — core 2 Bi PaetGeup eeu ni 18.Repeat teSBeeyimcsrocure 2 FRafeeutText- brdngs Sorter et ofiptTert- brah Opwteetiorele | Fa atreatext- sna vexhsabry A cast | parlrernLayaut feet ‘Sons Ey pander aya verted Deabie (aden el a ‘4. youll maximize he design stor a is stage by double cking the Query a, you page shoul ook ik is: aig) | Sasser | y Noseach tld aac, Sac (Asal loot [8 Enaeyoseneuvauc) lovey [¥-FFotlane noutvave) soa [Lava nueva soa |S atv) saa [Hiei pa soe [9 pt, 15. wtch back oxting ths DeptEmpPage jx by clicking on stab o° opening the Ho fom he Appleton Nevgstor. ‘Auce way to haigte othe or ay Ober Hele ing he gata fd bax ale op ig al JDeveope end pag hee name dh 23 ie | stow at soevicee Gl besterewnaiasconsemencerst Doepteretnayseceapsceeneiesibaeh CD oepretreetietar consonant Boeri creed eh Aoectsectr orsasesetonartnpesshcors peptic -cnssspsere awmoncanes “Tan jute te nama to open in the et. SYS ED denon pede | learner smnPacrieed we era \o-Ca Webco 2B ween ec. BB cert fl beset Beet Garage rine Deere x Elamnspe sors Stes 2 Soros sm‘16.in tna page des. expand the Departments accrdan, From the Componant Palit, chose & Button camgonent ad dag i io tha Department aor between te Frat and Previous bua Aleratvly yu ca gh clk a Pea ton ad ‘haat hast for suton fo a be now bon Deparment nb .Deprnent tab} Using te property Inspector erange the Text ofthe button tbe Query ad forthe Aeon grapry type goCuery a select sees (SBI 7 cack he Save att GB icon on the Developer menu ba lo save your work and then right cick he DeptEimpPage japx page snd essoce Ran +18.Wnen he page appearsn you bowser eck the Query buton to naga to your naw pape. er) Depertentione deritaton anager 20 Lenton 700 18.1n tne now Query page, etek he maghiying glass ican nx oe JobID Hel Lo beng up sear on ‘anced [| Somocansh [plat Sowch Heh @ AO anv cekyeed Deparment Dessrmenetame Yeorery 20. Seach or lbs whowe Til bogin wih AF search and Select Jobtd iseare Hath @ AO boy arte [i wesaery vaxsiry [aie BF actrsbatan ve, 4 _ddrceaten As. = (Choose he Accountant ile and ck OK. "Now lek he Search bstan in he Query page trten te res in the form below ROR, commen Yestvaey 21. You can cane laying wt the orm saving your query ear, reatng more complex ques and updating dat or employees: Noe how Ie form splays aw of he data hat mates the deeson ne view ject you eeted = easing Information fer Doparmont ram as well ac ait value fr ho 00 ‘Youan also ase cnange othe dala and commit and rollbtek your Vaneacon ae needed Employees ~ Search Soedsaadh [Bokitseuch math @ ALO Any Expy | vaste [ say [— rote sous [FLaCCOUNT Q, Deserts [ig] Deparment tne | ‘earsatery | (ce) eet] La ~enaloee avseisee seb FLACEOUNT apartment 100 Desormentione Pranee Yeatysaary 18000 Toba | bose Close your browser winsomUsing ADF Faces Framework Features Inthe nxt gction wel enhance ou page wih additonal Ajax Rnetlonaty leveraging the declarative development lfre by te ADF Faces component. 1 Usino Pal Pane Refresh 1 Using Brop Down Menus and Operon Compan Using Partial Page Refresh ‘at wal ada an automate vadate of th yrtySalary fed based on changes nthe Salary el, Since we dont wanto rash te wale page, wel use he paral page fates espaol ofored by ADF Faces ‘Todd ts wal Sotne the Solr el 6 suosubmt, and the yoy aldo doperd on he Salary fl 4. Opon the query ep flein the design editor an locale the Salary eld and click itn the property inspector window sot the vb ofthe property to ea WEnoyr nd #1 Epeyecs eatvabe) | eee nse fe 2 : i i i : i : ; : & & i 4 : ? Sd than locate he flan he dean ear {eae the Patt Tiggers property und the Behavior section an clk the row ois gh to choose Eat [Ed strpitton Sprang ay ree [> (2h strnpuate endings neste [> etrpnincnate- afr Jt [3 42 stroutter- stonarascecarmensih B28 78 [2d street irc Dearne co fs poe facie: [Efren enciy ——_]v yp Pe [>-Sprendreryet iets | tenga A eee se siye resco: [edtauts ae) rot Sy apancocgtajot ete fpareGourtayet-reect 7 afconmardautn -Com yD steommanuten Rate DB steomandeuten Fit [SD comer “Prey Disteonmandaaten et, ‘Behavior ate fe steers point: [Seat Fe). a~ ce (stetou gay sd |oeson 4. intne Eat Propet log lca the Salary Fld and shut tio th gh using hob‘Shunt am fom Aatbie Sled tn done thee of epi for the component fant cnr be ‘Put, tveaues an def atest nanny corte ates aM Note at oped dese acon of "dave nabs pai efeenees doped on er ruses he caret compare * set Goh) ‘| routes facet (te) patreurtayul pt WD paneheater ph 3 pereteynd ot i Brpmenn || Ba rputen-ts ) Brrprten et > é BD ryder itt BP rprusorcbee Fe parent fe dortiest-t7 pikaizoananing raha ist Clk the OK btn, Cle th Save Alt Eicon onthe Developer mnt bart ave your work an Run your pape. wen te page come up ek he Quer burton to Use the query section partments eswimentid 19 DepeinenPle Adrian Ca tsi 7. Local employees having he st name Boge wth AY. samc fomnet || incised [eata ae © ALO tov eo say eeoote cy soot a vearsary =i) Expoyett Noto ho salary and yar ary values. Yeat/Sary Seach ier] soe. | *Enctyee Fretane (Aexander| Upto the Salary ld an move out fhe Fld sErloyets (115 rstene (Azxander esnone on costs [TTI ® ais (PILAR Q Note te mms change nthe YearySalary fed once you lave the Salary fe 8. Close your browser win, Using Drop Down Menus and Operation Components. Inthe secon wel add op dow manu toa page and use a couple of ADF Faces oparaion components oad Javascript based operatans lo ur page thal wl exportable ‘uta ilo an Exel spresdsnet and rine pape 14. Opon tno DepttimpPagejepx lin th designer and ick inside he menus sacs holer space inthe pane callecion surouneng the Employes able Right cok rng up the cortex manu and choose Inert Inelde Facet- menus 2nd her Men, Departments ‘Departs. oat #1 Deoarmeninpavato} ‘.Deparmentione_oe) 1 Deootmentame np.t/8Ne) B(enager abe ${ Manager nate) 21 Loca, abe {Local ipuVabe) Fisk Quey, Aevous New Last Ha sicTenlae Insert Facet neue ree inde seen 2 won. 2. int Propary Inspector ot the Text props to My Options 5 Bl atpsatcotecton pe berger ses“ Pere omnes k ay) ren hs | Scone exrea tener ect se "BB afoeetolcion-pct {este meted dng fe Rerbuechangetetener or pe ad Tentee 3 Stowelcabcen teats | ce ae a toe om ae eee oa (SB seconcaryToobar Roe See SE etate-t povennce 5 Srmdcokamn tes — | sue erdat:(séeadt 2) ‘i eeTocber Using ta property inspector sa te Text pope of ha naw man tm to Export to ExcelSie secede [ o) sy! 15. Whe new Export o Exe menu tem st he camponeot Pat oeate the Export Calection Acton Lister component and ck t= odrag it ont he Export to Excel men option inthe sire pane. Teocenerene sox sree 2a 1 amman Carponents > ayaut porate “pt pera Slaten {Sane Coleco at comer Tine SB ororocter Weomertnnbsr Same @ pasta Se afmen-Ny opts aor i sccmncryrocear Bisa {6 inne alo that pope une he down arrow nex! to Exported fot ane choe Eat xpos | Ten | Lied Choose a congane: en tn ano be ste reqaresan an cet ar cna rene Note td ern eerie fea and ana pat fleeces depending one labarp te ‘rent conenent rate jo = aden BS eorteme-o Feces mater) 8 retort fBee 1G LO) panestter -pex ei ens) © Bl panctcotection® -pet Figen hous ie pee Ta ¥ 18. From the Type drop downs select excelHTML eee Spore ie ve: Be Coe) Coa Coed Chk the OX baton, 8. Lets ata anather menu opto to our menu. nthe structure pare ight lek Pe Export te Exee! menu component ana om De cones man ‘Shoows inst ater acorpmandMenuiem «Export fo Excel and brn Menu Heatc — oer sor surowa Botte, ibs wy) fenerecteen io eaves , 2s nee “Hide in Deas i ‘ADF ata Wal fefocor 9 aor races beeen, sore : —S Catenabedtnarafar Ain ise, EeeTentRemsce fr oe street -pe 2 Mstatie-ts srs ane coal b= “Panel Catenion cts ka a Saheb a es e-Sene eo ae a stant ostore bio a ow x heporcaeciacenter |] Gow PazeDstaon fe sxcndeytinter (& cata Senuee 4 Selihe Text property of hs new menu option to Printable Page £3 lecetecton 1 feet fae coacton fete tera Sine - ferena-My Qn 1B stconmarcveniten-eiport exe 11. Fram te Operations sacton of he component alte clk the Show Printable Page Behavior od tt yournew menu tm, You can algo frag and drop tonto the new menu oplon you ces Er dh ghmans-tyonsore (B39 afcrmercNeraen Expt Ee & sfoperclectotcrenistare 2 lick the Save Atl EP ian on the Developer manu taro save your work and ehoase Run, 13.Wen he page comes up beng up your menu and detach (hee | cease ee al LO adores E Ea 1s) expeyen rations |_treoe roe _ ae ert Ee tae Page ‘4. Then oe onc ona af the mnt optons you costed. For example Export to Excel Weotses veve Fmt |) Lin ‘gets ati | lem has | Ny Options — Bi arti rina Past it ‘Youray need secip the downlod fhe es Be trowser wow la be ale a access he Exe fege ee corer Woe ae ea Eee Dottie Adora so ce Ceca [eee te Fama ‘aa }_mmtierae My Options Seated Pett | au —=z| The page rey forning W # [Bieparcosmoun.| | 7 Be” Close tne bowser window Create Read Only Business Services, Page Fragments and Regions Inthe nxt wo sans wol crate a russe page ramon hat wl allow uso search for amgloyoes by har ama. Well then us is pag agent inside anther JSF 15 Quay Only Businss Sonico Bases on Paramolars (7 Bausable Task Fows, Paps Eapmonis and Rasions ‘Query Only Business Service Based on Parameters Fist wol esate a now ADF Business Component View Object io prove us wih ert quor base ona parameter. 4 inthe Appleton Navigator loeate tre dame mods! package aright ick on tte choose New View Object, 2 Inthe Crete View Objet dateg athe Name papel to EmpByEmll anor view ype choose te Read Only Access ‘through SQL Query aco buton.Sonne Select hedeta ure ype you tants uma he bas te ee et O Uae aces Haigh ety ents (© asa oy aco: rowan sa aur (O Rays ronisted roranmatenyretbased on qe (OR ont at esg ne tate Lt) ek Next. 53. instop 2 of ho Creat Vow Objet alg type the folowing auey canst ts a varia woe passed tothe quay. She’ bleep ‘ek the Test tonto vey your ery. ‘ner you aston SECT atanent ddd Testo hacen onde He ORDER=Y dae Fis Statement ov £1425 noma, 1ae_ nano foam exptoyocs here caait~:p casts) a [een] b || sane (pyar) Snr Ts samba: | Seek) (Comat) ‘ek OK then clck Next 4. in stop 9 ofthe Croat Viow Objet alg, Ck the Now btn fo define anew bind vale. Sel he Name property be Psmall, Sea ig vaueTipe uals) Breton Te oem [Nt date iReawed Cisoexllieced (est) Lonag ‘lek he Control Hint ab and so th Label Texto Ema.aay ate sos Text: at) 5. Clk Next a ow more timos to accopt a the detauts, unl you go step 8o ho tog, Here crack the Application Module checkbox oncude your new view n you dala model lk te Fina ton Set he cco add an tae of he cbt to an epclentonrecle, I heaped Seis onic decoded Comic ca 6. You can now tun the Aplcton Module Tesla, hen you dou click the now EmpaByEmai view youl be prompts to ins vale fr fe parameter. You can inset SKING press OK and gt eves for his ema asarass Five il Oenarrersiew2 PE) eeteneoe rank fee) (eet ee) free iavaiira Suna ‘To try another value clok he Edit butioneee) Exit rom he Teter ack Tole acta Tonle List Reusable Task Flows, age Fragments and Regions Inthis secon wel create a eusebte page fragment that wil allow us to serch for emotoyees by tne eral. Wel ten use t's page fragment inside anotne JSF page. The ‘same page Tagment canbe used n mulpi ter sages nou aplaton 1. twa rete ano task flow speci fori page. Inte Applicaton Neviglor cata te ViewController project an ight cek on it choose New. Trae Guys 2 lade i eal 2 Onno FD Been _ Satifonet soucePate (fap done 96 Oskte ont [Efe vesenPronc. Under the Web Ter» JSF category tose ADF Tash Flow. eel he ei red crerg ste arent roet eed chat, fee ee ee [ave reskriow Geter ow mci whom cnr ie tes bea tk ove puro hewn wpestrs wonton Devan senynnt gat taney ee mstnistergce of ta en " Aapcalion Navigater. doze save (TR avr Task Flow Temolate a [Bh = vedaratve component eee hoo _ 1 = Pag Fm nd Cogan Genco) a Ps re rage sores |g reeteite anew clk ox, 2. nthe Crete Task Flow slog seth File Name property to searchamalflow xml ‘erty tht the Greate Ax Bounded Task Flow ane Create with Page Fragmante opto ae both checkedcea tan sre tose coats oe th abandtaklbn pat Bev akan [Ty] ‘rbandedtekn Zz A tounied ak fw cantor sec to e929 peg apne, brat eeh, Youcan ase Gesrae the bound sk fia bearan a ie roars [CivevccprimmaliiSyzeniiencersclaimteFINENE do (eareenalilon Zicvsts wes hao Fragments Gere ran sesedontonoeterenama: ( Cowen] sa n Tone clk ox, In tho diagram eto forthe now tow you ceed, rapa View componont om he companant salts eno the amply ar rename ite searchEmall Wl wel any be usag 2 englepagetn ths tow, you can nave bovided ase Rows wih muple pages and since em mathe” JSF pages. adie] oN AD BALI OQ herr Serta a 7 = cavern | Elncbesca races orm DW sreronacice | Qjrarnca (lotro Reuse lun tee _—— View components to erat the page frit ‘Accept althe defaults nthe cso that ansars sna ke sure he fle rari searchEallt. This will ate to pogo asa page tepment het ‘an be ned in bar JSF pages Gk OR, (nes ne I Pope Freee eae pt ep Opsorallrefrenceofage emis ue cnet spe, arti 2 OuckStaluavos aad cove anita sete byt anparer evr rectory [GevehperrwarkVRGysmienConrolerice hi | Erwen) Onan Str rovn (T ; O Dilek start unyout {Page Inlrertnen (i corprest ert ted minannsnens) a a ee ‘An amstyaoson vow fhe page will appear. Excand he Data Controls accordion and clckihoRetesh buton oo nave th new EmpByEmall dla (Swot apocar te Ist —— %. oe Separates esl} exosyenatl Erpetat & Beroojcesvou 1B) Daten @ oxeatere Loeate the new vow you crated, -EmpByEmalt expand the view nd he Operation nose undementh 8Tasco = aeteddebataconuel ~ (este mh crancte: Pa ceaiiPas Wo ae going to us the ExecutoWithParame opestion fo execute ho quar forts view passing to tthe nebéad parame 6. Drag the ExseutaWithParams operaton lo you new page, when prompled a cook lo choose a drop opto choose Parameter >ADF Parameter Form ste = [Futneen Soe) ) ene sien — aes PPS el Uren ar 2 Beveeat Saree oa eo Bocravares gree Bocce en) ars & cee fe ‘couaten > (Change the dip bel fore p_emal value rom default o Email Canta the carpaners hat you nan todelayn yu am. beth you can tenove eth resitng ‘ewer eer Gavde OG Sooty sr bi aerate ceed ce ti #X 5 oxy ab a sng enero 2 re % 2 (ae J eat cto ox 7 Into dsign stor forthe page cick the ExecutaWithParams buton ad use bs property inspctrochango th Text ropary to Find Dtal ope i ieee > Yat paaambbit@sl = afeonmandbuttondebT > SS eae eacanae eae “Cfeuton Fe Dette -Prepmrty Ine Brei7B au Common _ a eae Be S eneereet (aes eae) chow Text: inl Dne {From he ata Controls accordion, rag the EmpByEmall vow orto te page benoat he buon. When prompted to choose @ top opin choose From>ADF Read Only Form.Press Heys" over A 2 Dy eb centre 9 a veene [steno » AosensonRessrces ~ bom Cont ay 12 IR aed eotacon! A (= B Departnentsent sma ul 1 sateen 2 operate PT create Boast EB cre wih comets ¥| Pacey Cpe es [ace sencrtorm ‘Accept the deauts presenta nthe Eat Form Fels alg and dick OK Contre ve cononentsthst ou wan cay nyu fom, Nota you can rene ene nf peren on parce OU Yes cen were topes ec Be pei Fk: HKG (ay abet Valeting (component ose . an Siestiome ADF OuiputTextw/Lsbel (Clterensvicstn creat (Dre subreeutan Ce J ‘Tha page shel ook ke is: Ena pera Freon 9. Now bat our new Bounded ask Now nluses page roger, wel elude the eamplete bounded tak flow nie anaher JSF page Inthe Agpeaton Navigator lbste te DaptEmpPage epxfe ard open tin he veal Sosign er From te Component Plot's Layeutsacon {rag ae crop a Separator component tots et aoa nthe Doptemoano,epx page Doneath te Departments fa. '% Deoarmentons 5 Depermenmens. ‘oa tau) Mange. te Manage ute Leto abet Letom) al col Sed el Lill Separator. hon prompted fa a rap tatgtchaose to cesta 3 Raglan wy oncne Vew~ Form _ ___ Bg Pend Fer Laynt amore lac ra [Expand tayut ecEnpbyek) Feat ‘ran enter H Emeyee [ac‘8 Doped eB Deprinen ett) Desutaentane te Deparmetane noe) Deparrers. oe I DepormenalnovoNe) 1% Deaneane. be) 8 Deprnenane nptVa) {Menger abe (Managers outa AC Loestons wba #{ Leestoanpuvave) Fiat cue) Prevous Ne) Last '%vonagera woe) Menagerie) {Loceond_ abe) Locanda? Fist Quy, Frevous Nest Last — ner fee netor Agrees rronaro noe ot ee eet "H-enpayeoa) — #(.Fretane} 11. Save your work by pasing ha Save Al buton an hon Run he updated Dep mpPage je pane. Into page hat cmos un your brows ty th now forconaly by exorng an oma ak ro Ema el’ a prestng to Find Dalston. Departments . Deparment Deparnertare Adwnseaton Locstoad £700 i= Levey | Perle newt [iat | eat Sand “The employe deals ars rues. Departments ‘eparmeid 6 Monage 200 Leesa 270 i Lmey | oor [re | Es _sowbetatiter 1 “Erployecs 00 acho TaleBaio Tole List ‘Congeatations you have jut eed complete ADF appt, Youve used ADF Business Components to crate boh simple and comeex business series ta apo ‘he dalabate. Youve ined ADF Faces conpaner lo cone ah Uo: race wit skp Ajax capasiies And yu Utd he ADF Task ewe rata page fea ae ‘usable page regions, Nate how fe code You ha fo wr whie werkng wih JDavelopr and ADF Thi ortho fst tp In your ras to mastering Oracle ADF, you can ‘etmucn mre nfrmaton Summary nh tuoi youve seen haw to crate ADF Rich Cent JSF Pages and uve some advanced fears Uke ‘resto a Now Fusion Applcan and Business Component Refine your Business Camganens Crest SF We Pages Bind Data Corr ta you JSF Page ‘A More Conplex Business Series Create a Page Flow Use ADF Faces FramanorcFeatces ‘reso R56 Only Business Sences, Page Fragments ang Regions ooo0co00 100 Place the cursor over this conto hide all screenshots,