Tidak bisa dihindari bahwa item pilihan yang ditampilkan di control ComboBox pada Aplikasi Web yang dihasilkan oleh PHPMaker mengandung data yang sangat panjang. Akibatnya lebar control ComboBox akan otomatis mengikuti data yang paling panjang tadi. Tentu saja tampilan control ComboBox seperti ini menjadi tidak menarik kelihatannya.
Salah satu cara untuk mengatasi hal ini di PHPMaker adalah dengan mengoptimalkan fitur Client Scripts. Sebagai Web Developer, kita cukup hanya menulis kode jQuery berikut di bagian Startup Script yang letaknya berada di bawah lokasi berikut: Client Scripts -> Table-Specific -> Add/Copy Page (untuk halaman Add) dan/atau Edit Page (untuk halaman Edit):
$(document).ready(function() {
$('#x_Referensi').css({'width': 200});
});
Dalam contoh barusan, kita mengubah lebar control ComboBox pada field yang bernama Referensi. Karena PHPMaker menambahkan awalan (prefix) x_ sebagai ID dari control di suatu form, maka dalam hal ini kita menggunakan selector berdasarkan ID x_Referensi.
Dengan cara ini, maka kita bisa mengubah hanya control ComboBox pada field tertentu saja. Jadi, tidak semua field yang menggunakan control ComboBox yang diubah lebarnya.
Betapa mudah, cepat, dan menyenangkan sekali, bukan? 😀
Maaf mas, saya sudah coba menambahkan script sesuai dengan petunjuk di atas.. Tapi ukuran lebar masih tetap mengikuti text terpanjang…
Trik tersebut sudah saya buktikan berhasil di PHPMaker versi 11.
Sedangkan jika dicoba di versi 12 dan Anda mengaktifkan fitur Dropdown, maka trik di atas memang tidak berfungsi.
Jika Anda menggunakan v12, lalu mengaktifkan pengaturan Use dropdown, maka cukup tentukan nilai minimum dan maximum masing-masing di pengaturan Dropdown min-width (px) dan Dropdown max-height (px)
Pada awalnya memang sesuai mas, tapi ketika sudah load data (karena saya pake look up table), text tetap pada akhirnya ikut ke text yang paling panjang… Oh iya mas saya juga salah satu member di ilovephpmaker, kalo project saya dibuka di phpmaker 12 masih cocok ga?
Untuk masino extension di phpmaker 12 kapan releasenya?
Project PHPMaker yang sebelumnya dibuat di versi 11 tentu saja bisa dibuka di versi 12, dan akan otomatis diupgrade versi file project-nya ke versi 12. Seharusnya tidak ada masalah.
Untuk Masino Extensions, tadinya mau saya rilis hari ini, tapi karena ada beberapa theme yang belum selesai dibangkitkan, akhirnya ditunda menjadi besok atau lusa. Sabar, ya… 😉
Saya kok juga tdk berubah ya.
Saya menggunakan lookup table untuk mengisi combo box.
Saya coba set x_NAMAFIELD_daritabledetil atau x_NAMAFIELD_daritable_lookup, juga tidak berefek.
Yg kedua, jQuery ini disimpan dimana ya ? saya coba beri coding yg akan error, tapi saat dijalankan , kok tdk tertangkap code tersebut.
Trik di artikel ini memang waktu itu hanya saya coba menggunakan PHPMaker versi 11.
Untuk yang versi 12, saya belum coba. Jika memang tidak bisa di versi 12, Anda bisa mengoptimalkan fitur Dropdown min-width dan Dropdown max-width.
saya masih pakai versi 11 pak 🙂
Kalau versi 11 harusnya bisa.