Bagi Anda pengembang aplikasi web, tentu menggunakan kontrol berupa input dropdown bukanlah hal asing. Sesekali bahkan menjadi keharusan. Namun, jika menggunakan dropdown apa adanya, tentu dari sisi user experience juga rasanya biasa-biasa saja. Terlebih jika pilihannya hingga 10 lebih. Saya yakin, pengguna akan sedikit enggan. Saya yakin, ada keluh di benaknya.

Nah, syukurnya, ada beberapa alternatif untuk meningkatkan sisi user experience dengan kontrol dropdown tersebut. Apa saja? Simak yuk…

Chosen. Pernah dengar? Coba deh di https://github.com/harvesthq/chosen.

Select2. Sepertinya ini sudah pada tahu. Cekidot https://select2.github.io/

Selectize.js. Yang ini lebih populer, mungkin karena mudahnya dalam mengimplementasikan dalam kodingan kita. http://selectize.github.io/selectize.js/

Bselect. Cek di gustavohenke.github.io/bselect dan https://github.com/gustavohenke/bselect.

Bootstrap Multiselect. Kalau yang ini sepertinya tidak bisa melakukan input teks pada kontrolnya. Artinya, kontrol ini tidak searchable, alias tidak bisa membantu mencari pilihan-pilihan yang tersedia. Silakan cekidot di https://github.com/davidstutz/bootstrap-multiselect dan http://davidstutz.github.io/bootstrap-multiselect

JQuery Tags Input. Yang ini sederhana, dan biasanya dipakai untuk kontrol tag-tag biasa. Ya, sebelas dua belas dengan bootstrap multiselect lah… Cek di https://github.com/xoxco/jQuery-Tags-Input

Kalau untuk membandingkan kinerja antara satu dengan yang lain, bolehlah disimak artikel berikut: http://www.devproblems.com/3-of-the-best-javascript-searchable-select-boxes-compared-select2-vs-chosen-vs-selectize-js-performance/. Pada artikel tersebut disimpulkan bahwa pemenangnya adalah chosen. Namun, sayangnya chosen tidak mendukung fitur large dataset. Artinya, datanya ya harus di-load semua. Ndak bisa ajax. Katanya sih begitu…

 

 

Advertisements