« Pekerja Keras | Main | Database Java »
Binding otomatis Halaman JSF dengan Backing bean
By deepe | March 19, 2008
Proses pembuatan halaman JSF (halaman dengan ektensi *.jsp/jspx pada jDeveloper biasanya selalu disertai dengan pembuatan backing bean secara otomatis apabila pada saat pembuatannya kita memilih option “Automatically Expose UI Components in a New Managed Bean”. Ketika pertama kali belajar membuat sebuah halaman JSF saya hanya mengikuti langkah-langkah yang ada pada kebanyakan tutorial, hingga suatu ketika muncul pertanyaan sebagai berikut:
Kenapa kita harus menambahkan backing bean untuk setiap halaman JSF ?
Bagaimana kalo saya ingin menambahkan backing beannya setelah halaman JSF dibuat atau sebaliknya?
Dua pertanyaan tersebut sangat membuat saya penasaran. Berhari-hari tanya teman dekat(google) tapi belum menemukan jawaban dan akhirnya pagi ini saya mendapatkan penerangan.
Jawaban untuk pertanyaan “Kenapa kita harus menambahkan backing bean untuk setiap halaman JSF ?” adalah untuk memisahkan desain halaman web kita dengan kode-kode programnya. Setiap kompenen web (textbox, outputlabel,dan lain-lain) yang kita tambahkan pada halaman JSF, deklarasi variabel untuk komponen tersebut akan secara otomatis ditambahkan ke backing bean oleh jDeveloper.
Gambar 2. Struktur window
Gambar 3. Properti Inspektor
Gambar 4. class Backing bean
Gambar 5. Struktur window 2
Gambar 6. class backing bean 2
Dengan memperhatikan gambar 2 sampai gambar 6, proses binding otomatis yang dilakukan oleh jDeveloper adalah sebagai berikut:
- Ketika proses pembuatan halaman JSF dengan wizard selesai, maka struktur halaman JSF akan tampak seperti gambar 2.
- Kemudian buka backing bean untuk halaman ini sehingga tampil di visual editor. Pada visual editor akan terlihat variabel bernama form1 bertype class HtmlForm (gambar 4). Nama variabel form1 ini adalah sesuai dengan nilai properti id (gambar 3) untuk component web yang dapat dilihat pada property inspector milik komponen web (gambar 2).
- Untuk lebih memperjelas pemahaman terhadap konsep binding ini, maka saya mencoba untuk menambahkan sebuah komponen ADF Faces Inputbox. Penambahan ini menyebabkan struktur kita yang pertama berubah (gambar 5), demikian juga dengan class backing bean untuk halaman ini (gambar 6). Catatan : jDeveloper juga secara otomatis membuatkan metode getter dan setter untuk setiap komponen yang ditambahkan tersebut.
Untuk pertanyaan “Bagaimana kalo saya ingin menambahkan backing beannya setelah halaman JSF dibuat atau sebaliknya?” adalah dengan cara memilih menu design-> page properties.
Selanjutnya akan muncul jendela (window) page properties. Pada jendela (window) ini pilihlah tab ‘Component Binding’, kemudian centanglah checkbox Auto Bind dan tentukan class yang berfungsi sebagai backing bean dengan memilih pada combo box berjudul ‘managed bean’. Jika anda belum mempunyai class untuk backing bean, anda bisa membuatnya dengan menekan tombol new yang terdapat tepat di sebelah combo box managed bean.
Topics: Java |