Tag Archives: Autocomplete

Autocomplete dengan typeahead.js dan bootstrap

Prolog:

Rasanya sudah lama sekali tidak menulis di blog ini, entah karena sibuk beneran atau sibuk yang dibuat-buat. Akhirnya nemu juga bahan buat ditulis lagi dan waktu untuk menulis

Autocomplete adalah salah satu fitur yang sering dipakai ketika kita membuat sebuah aplikasi berbasis web. Dibandingkan dengan menggunakan select / dropdown biasa untuk memilih item, menggunakan autocomplete adalah pilihan yang tepat menurut saya, dikarenakan apabila menggunakan dropdown dan daftarnya sudah sangat panjang, akan sedikit menyulitkan untuk memilih item dari dropdown tersebut.

Sebelumnya saya sudah pernah menulis tentang autocomplete menggunakan jquery-ui dan ternyata sudah 5 tahun berlalu dari tulisan tersebut. Karena sekarang tren yang sedang berkembang dikalangan front-end web developer adalah menggunakan bootstrap, kita akan coba terapkan itu dalam fitur autoomplee ini. Dan twitter, selain mengembangkan bootstrap juga membuat sebuah library untuk fitur autocomplete ini, dengan nama typeahead.js Continue reading

Codeigniter – JQueryUI – Autocomplete tutorial


Kali ini saya mencoba menggabungkan jqueryui dan codeigniter lagi, dan membuat fitur autocomplete / autosuggest. Fungsi autocomplete ini adalah ketika kita mengetikkan karakter pada sebuah input text, maka akan menampilkan daftar item yang memiliki huruf awal sesuai karakter yang kita berikan. Tidak harus huruf awal, ini tergantung query kita dalam mencari item yang diinginkan.

Fitur autocomplete itu sendiri sudah dimiliki oleh plugin jqueryui secara default. Sehingga tidak perlu plugin tambahan lagi. Cukup dipanggil dengan .autocomplete pada elemen yang diinginkan (bisa menggunakan id atau class).
Continue reading