Masino Sinaga

Web Development, PHPMaker, & PHP Report Maker

Anda di sini: Beranda / PHPMaker / Nikmatnya Auto-Suggest di Aplikasi Web yang Dihasilkan oleh PHPMaker
Mencegah Pengguna Menambah Data di Halaman Detail Aplikasi Web dari PHPMaker
Asyiknya Mengubah Beberapa Nama File Sekaligus di Aplikasi Web dari PHPMaker

Nikmatnya Auto-Suggest di Aplikasi Web yang Dihasilkan oleh PHPMaker

Juli 2, 2015 oleh Masino Sinaga 15 Komentar

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? 😀

Ditempatkan di bawah: PHPMaker Ditag dengan:Auto-Suggest, Belajar PHPMaker, Fields Setup, PHPMaker Indonesia, Tutorial PHPMaker

Masino Sinaga

Web Developer pengguna PHPMaker untuk membangun Aplikasi Web sejak tahun 2004. Sampai sekarang masih aktif dan rajin membagikan pengalamannya menggunakan PHPMaker melalui situs masinosinaga.com dan ilovephpmaker.com.

Mencegah Pengguna Menambah Data di Halaman Detail Aplikasi Web dari PHPMaker
Asyiknya Mengubah Beberapa Nama File Sekaligus di Aplikasi Web dari PHPMaker

Comments

  1. Cak Sobri mengatakan

    Juli 7, 2015 pada 8:36 am

    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

    Balas
    • Masino Sinaga mengatakan

      Juli 7, 2015 pada 8:57 am

      Siapa bilang gak bisa menyeluruh. Saya barusan coba bisa kok. 😛

      Balas
      • Cak Sobri mengatakan

        Juli 7, 2015 pada 9:46 am

        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 ?

        Balas
        • Masino Sinaga mengatakan

          Juli 7, 2015 pada 10:23 am

          Tidak ada konstantanya, harus generate ulang semua file script.

          Balas
      • Cak Sobri mengatakan

        Juli 7, 2015 pada 10:08 am

        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

        Balas
        • Masino Sinaga mengatakan

          Juli 7, 2015 pada 10:23 am

          Harus generate ulang semua file script.

          Balas
          • Cak Sobri mengatakan

            Juli 7, 2015 pada 11:05 am

            Oke kalo gitu, soalnya kalo cuma satu file hasil generatenya bisa saya generate file itu saja biar menghemat waktu mindahin ke server.. hehe ^_^

            Balas
            • Masino Sinaga mengatakan

              Juli 7, 2015 pada 12:40 pm

              Pastikan di localhost jalan dulu baru di-upload file yang digenerate. Jangan lupa direfresh/reload halamannya.

              Balas
  2. Akon mengatakan

    Agustus 1, 2015 pada 10:10 pm

    Kalo dalam fitur tersebut bisa dimodifikasi menjadi multiple ga (bisa dipilih lebih dari 1)?

    Balas
    • Masino Sinaga mengatakan

      Agustus 3, 2015 pada 8:39 am

      Nggak.

      Balas
  3. med mengatakan

    Oktober 6, 2015 pada 10:21 am

    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.

    Balas
    • Masino Sinaga mengatakan

      Oktober 6, 2015 pada 2:53 pm

      Sepertinya PHPMaker belum mendukung hal tersebut.

      Balas
  4. Adhi mengatakan

    Juli 19, 2017 pada 2:25 pm

    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

    Balas
    • Adhi mengatakan

      Juli 20, 2017 pada 9:00 am

      Pagi Pak Masino,

      Bagaimana caranya di field yang saya setting auto suggest (lookup tabel) saya memasukkan value baru tanpa melalui tombol (+).

      Terima kasih,
      Adhi

      Balas
    • Masino Sinaga mengatakan

      Juli 20, 2017 pada 10:21 am

      Nggak bisa.

      Balas

Tinggalkan Balasan Batalkan balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Pos-pos Terbaru

  • Server Event Page_Render dan Page_Rendering di PHPMaker, Apa Sih Bedanya?
  • Begini Mudahnya Mengubah Judul Browser Secara Dinamis di PHPMaker 2021
  • Solusi Supaya PreviewRow dan PreviewOverlay Bisa Sama-Sama Berfungsi di PHPMaker 2021
  • Jangan Pernah Lagi Mencampur Kode PHP di Client Script atau Startup Script pada PHPMaker 2021
  • Seperti Ini Mudahnya Menyembunyikan Data Label di Chart dari PHPMaker 2021

Menu

  • Siapa Saya?
  • Web Development
  • PHPMaker
  • Umum
  • Syarat dan Ketentuan
  • Sitemap (Peta Situs)
  • Komentar

Komentar Terbaru

  • Masino Sinaga pada Setting Import Data Berikut Wajib Anda Ketahui Bedanya di PHPMaker 2021
  • Masino Sinaga pada Jangan Pernah Lagi Mencampur Kode PHP di Client Script atau Startup Script pada PHPMaker 2021
  • Masino Sinaga pada Mudahnya Menambahkan Global Function untuk Auto-Update Field di PHPMaker
  • Abu Syifa pada Setting Import Data Berikut Wajib Anda Ketahui Bedanya di PHPMaker 2021
  • Abu Syifa pada Jangan Pernah Lagi Mencampur Kode PHP di Client Script atau Startup Script pada PHPMaker 2021

Situs Terkait

  1. I Love PHPMaker
  2. Situs Resmi PHPMaker
  3. Forum Diskusi PHPMaker
  4. PHPMaker di IlmuKomputer.com
  5. PHPMaker Learning

Baru di PHPMaker?

Baca ini terlebih dulu ...

  1. Ayo Menjadi Web Developer yang Cerdas!
  2. PHPMaker: PHP Code Generator + PHP Framework
  3. Pertanyaan-Pertanyaan yang Paling Sering Diajukan Seputar PHPMaker
  4. Tips buat Anda Pemula yang Baru Mengenal dan Menggunakan PHPMaker
  5. Bacalah Help, Bacalah Help, dan Bacalah Help di PHPMaker!

(c) Masino Sinaga 2009 - 2019 | WordPress | Catat masuk | Kembali ke atas