Memakai jQuery Tab

gambar 1

Gambar 2

Oke setelah kita memakai konfirmasi jQuery, maka untuk ekplorasi lebih jauh apex dan jQuery kita akan memakai tab. Pertama disini tab bukan sebuah tabb page seperti yang anda bayangkan dalam template page apex namun sebuah region.

Tab region akan berguna dalam sebuah page yang memuat banyak transasksi atau informasi yang harus ditampilkan dalam satu halaman, menggunkan scroll tidak masalah untuk page berita atau page report, namun untuk page transaksi tentu kurang bagus dalam tampilan.

oke ..untuk membuatnya kita memerlukan prasyarat berikut :

• Upload file jquery.cookie.js ke dalam static file.
• Buatlah template region baru seperti berikut:

1. Nama : terserah contoh (jQueryTab)
2. Template class : custom1
3. Definition  (Template) :

#BODY##SUB_REGION_HEADERS##SUB_REGIONS#
<link rel="stylesheet" href = "/i/libraries/jquery-ui/1.8/themes/
overcast/jquery-ui.css" type="text/css" /> */

4. Sub Region (Header Template) lihat gambar 1 :

   >#ENTRIES#</ul> 

5. Sub Region (Header Entry Template) :

   #SUB_REGION_TITLE#
   

6. Sub Region (Template) :

   #SUB_REGION#

Setelah region jQueryTab terbentuk maka anda kan bisa memakainya sesuai kebutuhan page anda dengan syarat .

•  Jadikan region tsb sebagai parent
• Region child harus no template (karena akan di cover oleh region parent-nya).

contoh pemakaian :

Sumber : Oracle Apex Forum (Patrick Wolf thanks for sharing )