Implementasi jQuery UI ke dalam APEX

Pada dasarnya APEX sudah merupakan murni aplikasi web yang sama sekali berbeda dengan Oracle Form developer. Karena itu pengetahuan tentang JS, HTML, CSS akan berpengaruh banyak dalam pengembangannya.

Library jQuery sudah include didalam apex dengan direktory #IMAGE_PREFIX#libraries/ untuk versinya pada APEX terakhir (4.1.1) adalah 1.4.2 dan 1.6.2 sedangkan untuk UI adalah 1.8.

Meskipun APEX sendiri telah memakainya secara internal dengan memanggil fungsi-fungsi tertentu seperti apex.jQuery bisa diganti dengan $. Namun untuk pemakaian yang spesifik seperti UI widget kita harus mendefinisikan terlebih dahulu didalam template, header/footer sebuah page yang akan kita pakai. contoh

• Theme

<link rel="stylesheet" href = "#IMAGE_PREFIX#libraries/jquery-ui/1.8/themes/
ui-lightness/jquery-ui.css" type="text/css" />

• UI

<script src="#IMAGE_PREFIX#libraries/jquery-ui/1.8/ui/jquery.ui.accordion.js" type="text/javascript"></script>
<script src="#IMAGE_PREFIX#libraries/jquery-ui/1.8/ui/jquery.ui.sortable.js"></script>

• Effects

<script src="#IMAGE_PREFIX#libraries/jquery-ui/1.8/ui/jquery.effects.explode.js"></script>

• External Cookie

<script src="#IMAGE_PREFIX#libraries/jquery-ui/1.8/external/jquery.cookie.js" type="text/javascript"> </script>

Kita bisa mengimplementasikan contoh demo jQuery UI kedalam APEX. Seperti demo contoh yang saya buat.

• Dialog
• Alert Page 0
• Confirmation Page 0
• Tabs
• Accordion
• Slider Menu

Namun implementasi di dalam APEX sebisa mungkin memakai template supaya bisa digunakan berulang-ulang sesuai kebutuhan. Selamat mencoba.