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 )

Membuat Konfirmasi jQuery menggantikan standard APEX

Mungkin kita telah tahu standard konfirmasi di apex yang biasanya muncul ketika akan menghapus sebuah transaksi. jika kita lihat button tsb akan memanggil function js berikut :

javascript:apex.confirm(htmldb_delete_message,'MULTI_ROW_DELETE');

dan akan memunculkan sebuah windows konfirmasi. berikut :

standard konfirmasi

Sekarang bagaimana membuat nya lebih baik dengan memakai jQuery karena apex 4 sudah built in dengan jquery. lakukan langkah-langkah berikut:

• Buat page zero (0).

• Buatlah region (with no template) pada posisi before footer dengan source berikut :

• Ubah code standard digantikan dengan function yang baru tersebut.

javascript:confirmSubmit('Anda yakin akan memnghapus biaya ini ?','MULTI_ROW_DELETE'); 

tadaaaa...

 

jQuery konfirmasi

selanjutnya anda tinggal membuat function untuk handle URL.

Sumber : Oracle Apex Forum (Jari Laine thanks for sharing )