Auto-Suggest adalah fitur di sebuah Form yang memungkinkan Pengguna mengetikkan data di suatu Textbox lalu sistem akan menampilkan pilihan data berdasarkan karakter yang sedang diketik. Dengan cara ini, maka Pengguna tidak harus mengetik seluruh karakter untuk mencari data yang diinginkan, karena sistem akan otomatis (auto) menyarankan (suggest) data yang mengandung karakter yang diketik tersebut.
Karena data yang dicari itu ditampilkan oleh sistem dalam bentuk pilihan yang muncul secara pop-up, maka Pengguna tinggal memilih salah satu pilihan yang sesuai dengan keinginannya. Data yang terpilih tersebut selanjutnya akan terisi di Textbox yang bertalian.
Biasanya, fitur Auto-Suggest ini sering digunakan untuk membantu Pengguna mencari data dari sekumpulan Record yang jumlahnya relatif banyak. Daripada menggunakan control Combobox lalu memilih dengan cara melakukan scroll ke bawah sehingga memakan waktu relatif lama, maka alangkah lebih baiknya jika menggunakan control Textbox. Pengguna dapat mencari data dengan mengetikkan beberapa karakter saja, lalu memilih data yang diinginkan dengan mudah dan cepat.
Aplikasi Web yang dihasilkan oleh PHPMaker tentu saja sudah mendukung fitur Auto-Suggest. Sebagai Web Developer, bahkan kita bisa mengimplementasikannya dengan sangat mudah, cepat, dan lagi-lagi… menyenangkan!
Tentu saja kita berasumsi bahwa fitur Auto-Suggest ini dapat diterapkan pada Field yang melakukan lookup ke table tertentu. Oleh karena itu, pastikan Anda sudah mengeset dengan benar table yang akan di-lookup dari panel Lookup Table. Jika Anda belum paham dengan Lookup Table, maka baca topik Field Setup dari menu Help PHPMaker, lalu cari sub-topik yang berjudul Using Lookup Table for Edit Tag (Text/Radio/Checkbox/Select).
Untuk mengaktifkan fitur Auto-Suggest tersebut, maka langkah Pertama adalah, dari panel Edit Tag yang terdapat di bawah tab Fields pada project PHPMaker Anda, ganti tipe control dari Select (Combobox) menjadi Text. Setelah itu, aktifkan atau beri tanda centang pada pengaturan Force selection.
Pengaturan yang kita lakukan pada langkah Pertama ini maksudnya untuk mengubah control yang digunakan menjadi Textbox (dari yang sebelumnya Combobox). Selain itu, kita akan memberitahukan kepada PHPMaker untuk menghasilkan fitur Auto-Suggest tadi melalui pengaturan Force selection tadi.
Langkah Kedua, kita juga dapat memastikan bahwa jika Field tersebut digunakan pada Extended Quick Search atau Advanced Search, maka fitur Auto-Suggest tersebut pun akan ikut diimplementasikan. Caranya, cukup hanya memberi tanda centang pada pengaturan Allow sort/search dan Text input for search pada panel Table Setup.
Langkah Ketiga, aktifkan pengaturan Auto-Suggest for all display fields dari menu Tools -> Advanced Settings. Tujuannya untuk menambahkan kemampuan di Aplikasi Web yang akan dihasilkan oleh PHPMaker nanti, agar Pengguna dapat mengetikkan/mencari berdasarkan nilai Field yang didefinisikan pada satu atau beberapa Field di bawah bagian Display Fields pada panel Lookup Table.
Terakhir, seperti biasa, generate ulang semua file script dengan menggunakan PHPMaker seperti biasa. Begitu saja? Ya, cukup hanya seperti itu saja. Selanjutnya, Anda bisa mencoba fitur ini dengan membuka form Add atau Edit, lalu cobalah menambahkan atau mengubah data pada Field yang bertalian. Anda akan melihat efek Auto-Suggest tersebut.
Betapa mudah, cepat, dan menyenangkan sekali, bukan? 😀
Namun ada kekurangannya, pencarian katanya gak bisa menyeluruh..
misal : ada data lookup ID_Mahasiswa untuk menampilkan Nama_Mahasiswa : Cak Sobri
kemudian kita ketikkan bri atau sobri tidak muncul, padahal sudah di setting Search Opr 1 menjadi LIKE tapi tidak ada perubahan
Siapa bilang gak bisa menyeluruh. Saya barusan coba bisa kok. 😛
Ohya sip om, hehehe,, saya coba dulu pake Auto-Suggest for all display , pengaturan itu kalo setelah di generate ada di file apa ya om ?
Tidak ada konstantanya, harus generate ulang semua file script.
Saya nemuin ini di file ewcfg11.php :
// Blob field byte count for hash value calculation
define(“EW_BLOB_FIELD_BYTE_COUNT”, 200, TRUE);
// Auto suggest max entries
define(“EW_AUTO_SUGGEST_MAX_ENTRIES”, 10, TRUE);
tapi dimana ya hasil file ceklist Auto-Suggest for all display
Harus generate ulang semua file script.
Oke kalo gitu, soalnya kalo cuma satu file hasil generatenya bisa saya generate file itu saja biar menghemat waktu mindahin ke server.. hehe ^_^
Pastikan di localhost jalan dulu baru di-upload file yang digenerate. Jangan lupa direfresh/reload halamannya.
Kalo dalam fitur tersebut bisa dimodifikasi menjadi multiple ga (bisa dipilih lebih dari 1)?
Nggak.
Pak masino, ijin tanya ya pak. bila auto suggest yang terdiri dari beberapa lookup field dipilih, maka pilihan tersebut akan tampil di TEXTBOX. bagaimana caranya mau modifikasi agar yang muncul di TEXTBOX hanya field pertama. sebagai contoh
NIM | NAMAMHS
“001” , “BUDI”
“002” , ” TONI”
yang telah saya coba misalkan jika saya pilih pilihan kedua maka yang muncul di TEXTBOX menjadi :
“002” , ” TONI”
mau dimodifikasi yang muncul di TEXTBOX hanya field lookup ke-1 (“002”) walau pun auto suggest nya memang beberapa field.
apa phpmaker bisa pak? terimakasih.
Sepertinya PHPMaker belum mendukung hal tersebut.
Siang Pak Masino,
Saya mempunyai 2 field yaitu field “keterangan” dan field “nomor”.
Field “keterangan” akan auto-suggest (lookup table) dan akan autofill ke field “nomor”, bisakah jika di field “keterangan” tadi saya ingin memasukkan value baru (yang tidak ada di lookup table) tanpa menambahkan terlebih dahulu melalui tombol tambah (+) ?
Mohon pencerahannya.. terima kasih
Pagi Pak Masino,
Bagaimana caranya di field yang saya setting auto suggest (lookup tabel) saya memasukkan value baru tanpa melalui tombol (+).
Terima kasih,
Adhi
Nggak bisa.