Sering kali sebuah Aplikasi Web harus menggunakan file library atau pustaka dari pihak ketiga lainnya. Misalnya, seorang Web Developer ingin menyertakan file pustaka Javascript atau file pustaka CSS tertentu seperti jQuery UI ke Aplikasi Web yang dibangunnya. Untuk itu, persyaratan utama yang harus dipenuhi pertama kali adalah: Web Developer harus memasukkan atau mendeklarasikan file pustaka tadi ke bagian atas (header) dari Aplikasi Web supaya dapat digunakan sebagaimana mestinya.
PHPMaker sudah menyediakan sebuah server event yang bernama Page_Head yang berada di bawah Server Events -> Global -> All Pages dari dalam project PHPMaker Anda. Server event ini merupakan Global Function dan berfungsi untuk menempatkan kode tambahan yang berada di bagian atas (header) sebelum tag penutup </head> dari Aplikasi Web.
Kode yang dimasukkan oleh Web Developer ke event ini akan ditempatkan di file header.php sebelum tag penutup <head>. Anda dapat menggunakan event ini untuk menambahkan kode Anda di bagian header. Sebagai contoh, PHPMaker tidak menggunakan jQuery UI, tapi Anda dapat menyertakannya (misalnya dengan menggunakan CDN):
ew_AddStylesheet("http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css"); // Add CSS stylesheet
ew_AddClientScript("http://code.jquery.com/ui/1.10.3/jquery-ui.js"); // Add JavaScript
Setelah itu, Anda sebagai Web Developer dapat menggunakan (misalnya) Widget milik jQuery UI tersebut dengan menuliskan sedikit kode dari bagian Startup Script di dalam project PHPMaker Anda. Setelah itu, jangan lupa untuk men-generate ulang file script dengan menggunakan PHPMaker. Mengenai hal ini akan kita bahas di artikel-artikel saya selanjutnya. Sabar, ya! 🙂
Mudah dan simpel sekali, bukan? 🙂
Saya nanya gimana cara membuat validasi dari Javascript di PHPMaker?
Secara standar, PHPMaker sudah menyertakan validasi saat input/ubah data di form menggunakan kode Javascript. Meskipun demikian, Anda bisa menambahkan validasi tambahan lainnya menggunakan kode Javascript atau jQuery.
Cukup tambahkan kode tersebut dari lokasi: Client Scripts -> Table-Specific -> Add/Copy Page (untuk input data baru), atau Edit Page (untuk ubah data) -> Form_CustomValidate.
Jangan lupa baca juga topik Server Events and Client Scripts dari file Help di aplikasi PHPMaker untuk informasi lebih lanjut dan beberapa contoh kode yang bisa Anda gunakan sebagai referensi.
Pak masino mau nanya, apakah kita bisa menambahkan file css beserta js custom kita sendiri. Lalu memanggilnya pada halaman yang kita inginkan?
secara tidak langsung kita melakukan perubahan pada folder root nya, bukan dari hasil generate phpmakernya.
mohon bantuannya pak. terimakasih
Bukan PHPMaker namanya kalau tidak bisa, ehm. Hehehe… 🙂
Anda bisa menggunakan server event yang bernama Page_Head di bawah lokasi: Server Events -> Global -> All Pages, untuk meng-include-kan file js dan css-nya.
Untuk memanggil-nya, gunakan kode jQuery atau Javascript pada bagian Startup Script di bawah lokasi: Client Scripts -> Global -> Pages with header/footer.
Untuk info dan contoh lebih lanjut, baca topik Server Events and Client Scripts dari menu Help PHPMaker.