Mudahnya Mengosongkan Teks Pencarian di Aplikasi Web dari PHPMaker

Ketika Pengguna mengetikkan kata kunci di kotak teks pencarian pada panel Pencarian di halaman List, maka kata kunci tersebut akan tetap ditampilkan oleh sistem. Termasuk jika Pengguna mem-browse hasil pencarian ke halaman lain, kata kunci tersebut masih tetap kelihatan, sampai si Pengguna mereset hasil pencarian.

Ada kalanya si Pengguna menginginkan supaya kata kunci tersebut disembunyikan, misalnya karena si Pengguna melakukan pencarian dengan menggunakan barcode scanner. Jika tidak dikosongkan, maka kata kunci harus dibersihkan secara manual, dan ini cukup merepotkan baginya.

Pertanyaannya adalah, bagaimana cara menyembunyikan kata kunci tanpa harus mereset hasil pencarian tadi?

Gampang. Jawabannya cukup dengan memasukkan kode campuran PHP dan jQuery berikut ke dalam bagian Startup Script yang terdapat di lokasi Client Scripts -> Table-Specific -> List Options:

$(document).ready(function() {
    <?php if (CurrentPage()->BasicSearch->getKeyword() <> "") { ?>
        $("#psearch").val("");
    <?php } ?>
});

Kita menggunakan method getKeyword untuk memeriksa apakah kata kunci sudah pernah dimasukkan milik BasicSearch yang merupakan property dari object CurrentPage(). Perhatikanlah bahwa kita bisa mengkombinasikan antara pemakaian kode PHP dengan jQuery di bagian Client Scipts.

Pastikan Anda sudah men-generate ulang file script dengan menggunakan PHPMaker.

Betapa cepat dan mudahnya bukan? 😀