Sejak versi 2021, PHPMaker menggunakan control Select2 menggantikan control Select atau Combobox jadul. Control Select2 memiliki beberapa fitur unggulan, seperti: pencarian, tagging, remote data sets, infinite scrolling, dan masih banyak lagi.
Tidak hanya itu saja. PHPMaker 2021 menyediakan fleksibilitas yang sangat tinggi, berupa kemudahan untuk mengubah pengaturan yang terkait dengan control Select2. Ini jugalah alasan yang paling kuat, mengapa harus menggunakan PHPMaker 2021.
Seperti pengaturan berikut. Kita dapat menentukan berapa jumlah item minimal yang terdapat di dalam control Select2, supaya kotak pencarian (search box) otomatis muncul, ketika Pengguna Akhir mengklik atau menekan Enter saat kursor mouse fokus ke control Select2.
Secara default, PHPMaker 2021 menetapkan minimal 20 item option, supaya kotak pencarian muncul di control Select2. Jika jumlah item option kurang dari 20, maka kotak pencarian tidak akan ditampilkan.
Tentu saja kita sebagai Web Developer dapat mengubah pengaturan ini. Katakanlah kita menentukan minimal 10 item option supaya kotak pencarian muncul. Bagaimana caranya?
Cukup masukkan sebaris kode Javascript ini, pada lokasi berikut di project PHPMaker 2021: Client Scripts -> Global -> Pages with header/footer -> Client Script:
ew.selectOptions.minimumResultsForSearch=10;
Setelah itu, pastikan untuk men-generate ulang paling tidak file userevent.js. Hanya itu saja? Yep, selebihnya ditangani oleh PHPMaker 2021. Tidak perlu menulis kode sampai berpuluh-puluh atau beratus-ratus baris panjanganya.
Sekarang cobalah untuk mengakses halaman yang memiliki control Select2 dari Aplikasi Web lewat browser, buka halaman Add atau Edit, lalu klik control Select2. Pastikan jumlah item option di field tersebut lebih dari 10. Seharusnya sekarang Anda sudah melihat kotak pencarian muncul di sana.
Coba juga cek pada field yang menggunakan control Select2, dimana jumlah item optionnya di bawah 10. Seharusnya kotak pencarian tidak muncul di sana.
Kadang-kadang, kita sebagai Web Developer ingin menyembunyikan semua item option yang terdapat di control Select2. Pertimbangannya, jumlah record yang akan dimuat dari database bisa mencapai ratusan atau bahkan ribuan. Jika harus dimuat semuanya, maka akan membutuhkan waktu relatif lebih lama dari yang seharusnya.
Sebagai gantinya, kita hanya menampilkan kotak pencarian di control Select2 tersebut. Dalam hal ini, Pengguna Akhir wajib mengetik minimal satu karakter, untuk mulai pencarian. Jika data ditemukan, barulah control Select2 menampilkan item option yang terkait.
Nah, kalau yang terakhir ini bagaimana caranya? Gampang! Tinggal aktifkan saja pengaturan Requires search yang terdapat pada Fields setup -> panel Edit Tag -> SELECT Tag.
Setelah itu? Pastikan untuk men-generate ulang semua file script seperti biasa.
PHPMaker 2021 memang tiada duanya, hohoho… 😉 😛
Tinggalkan Balasan