Open ADF Bounded TaskFlow in Modal Dialog (popup)

Tugas dari sebuah Taskflow adalah salah satu elemen kunci dari setiap pengembangan Aplikasi ( Oracle Application Development Framework " ADF " ). 

Untuk lebih lanjut mengenal taskflow bisa melanjutkan disini ( Introduction to ADF Task Flows )
Kali ini saya akan menjelaskan bagaimana, membuka ADF Bounded Taskflow menggunakan modal dialog ( pop up ).


Persiapkan ini semua :

Jdeveloper  :  Oracle Jdeveloper 11.1.1.6.0


Step by step :

Step 1

• Buka Jdeveloper dan Pilih New Application lalu pilih " Fusion Web Application "
• Pada " ViewController " kita buat sebuah taskflow lalu uncheck ( Create as Bounded Task Flow )
• beri nama taskflow tersebut ( home ) atau apa saja yang menurut anda baik.
• selanjutnya drag and drop component " view(ADF Task Flow.Component) " kedalam taskflow tersebut. klik 2x pada component view tersebut. dan akan muncul ( create jsf page )

• Selanjutnya check si radiobutton ( QuickStartLayout ) dan klik " Ok "

Step 2

• Buat 1 taskflow lagi di ViewController, tapi dengan type ( bounded )

caranya seperti ini

• Agar taskflow menjadi type ( bounded ) karena itu untuk " Create as Bounded Task Flow " jangan di uncheck dan beri nama taskflow tersebut " popup "
• Selanjutnya, untuk " Create with Page Fragments " harus di ceklis, karena kita akan membuat suatu pop up dialog yang tidak membutuhkan sebuah fragments. jika sudah klik " OK "

Step 3

• didalam taskflow drag and drop 3 " view(ADF Task Flow.Component) " dan 1 " return(ADF Task Flow.Component) "

preview

• klik 2 kali pada setiap view, dan akan muncul ( Create JSF Page ) dan untuk setting didalam  ( Create JSF Page ) lihat di gambar di atas. jika sudah klik OK.

• Jika semua jspx sudah jadi, lalu Drag and Drop component seperti didalam jspx ( index, profile, address, dan company )

Preview

Step 4

• buka taskflow ( popup ) dan buat aliran flow seperti ini

• menggunakan " Control Flow Case(ADF Task Flow.Component) "
• Selanjutnya pada taskflow home, drag and drop taskflow " popop " kedalam taskflow " home " dan buat aliran flow seperti ini

• lalu pada behavior taskflow " popup " ubah ( run as dialog menjadi true ) dan ( display type menjadi inline-popup )

Step 5

• pada setiap button , pada properties " action " arahkan ke nama ( control flow case ) masing masing.
• dan pada button " register " di properties untuk ( useWindow ) dibuat true.

Finish.

And Run ( index.jspx )

and Preview

Sample Aplikasi ( Download )

Terima kasih.

Silakan dikembangkan.