Apakah ada kontrol Combobox profesional (daftar dropdown dengan sugesti otomatis) berdasarkan pustaka jQuery?
Itu harus mampu menangani kumpulan data besar dan memiliki beberapa opsi skinning . Sebuah multi-kolom daftar hasil akan terlalu besar. Saya bekerja dengan ASP.NET, tetapi itu bukan masalah jika saya harus menulis pembungkusnya.
Saya sudah menggunakan kontrol pihak ketiga, tetapi saya mengalami beberapa masalah kompatibilitas antara kontrol dua vendor. Nah, saya ingin menyingkirkan ketergantungan semacam ini.
javascript
jquery
combobox
controls
percikan
sumber
sumber
Jawaban:
Sayangnya, hal terbaik yang pernah saya lihat adalah jquery.combobox , tetapi sebenarnya tidak terlihat seperti sesuatu yang benar-benar ingin saya gunakan dalam aplikasi web saya. Saya pikir ada beberapa masalah kegunaan dengan kontrol ini, tetapi sebagai pengguna saya rasa saya tidak akan tahu untuk mulai mengetik agar daftar tarik-turun berubah menjadi kotak teks.
Saya lebih suka Combo Dropdown Box , tetapi masih memiliki beberapa fitur yang saya inginkan dan masih dalam alpha. Satu-satunya hal yang saya tidak suka tentang ini selain karena sifatnya yang alfa ... adalah saat saya mengetik di kotak kombo, item dropdownlist asli menghilang. Namun, mungkin ada pengaturan untuk ini ... atau mungkin bisa ditambahkan dengan cukup mudah.
Itu hanya dua opsi yang saya tahu. Semoga berhasil dalam pencarian Anda. Saya ingin mendengar jika Anda menemukannya atau jika opsi kedua berhasil untuk Anda.
sumber
Ini salah satu yang terlihat sangat menjanjikan. Ini benar-benar kombo - Anda melihat apa yang Anda ketik. Memiliki fitur keren yang belum pernah saya lihat di tempat lain: hasil paging.
FlexBox
sumber
Siapapun yang mencari "kotak kombo" jquery sepertinya diarahkan ke pertanyaan ini. Posting saya ditujukan bagi orang-orang yang mengunjungi halaman ini untuk menemukan kotak kombo "tradisional", bukan jawaban atas pertanyaan awal. Semua solusi di atas berfokus pada penggunaan input sebagai sarana untuk memfilter dan melengkapi otomatis ke nilai pilihan yang ada. (bagus untuk kumpulan data besar)
Jika Anda mencari kotak kombo tradisional, yang hanya "Ketik sesuatu atau pilih dari nilai yang telah ditentukan sebelumnya" (tidak, kami tidak akan menyembunyikan nilai yang tidak cocok saat Anda mengetik), Anda mungkin perlu dilakukan adalah
<select id="combo4" style="width: 200px;" onchange="$('input#text4').val($(this).val());"> <option>option 1</option> <option>option 2</option> <option>option 3</option> </select> <input id="text4" style="margin-left: -203px; width: 180px; height: 1.2em; border: 0;" />
Lihat http://bit.wisestamp.com/uncategorized/htmljquery-editable-combo-2/
Seharusnya mudah untuk membungkus ini menjadi plugin yang mengubah tag pilih yang ada, meskipun saya belum melihatnya selesai.
PS: Masalah utama yang saya lihat dengan "jQuery Editable Combobox" adalah bahwa ia tetap menjadi daftar pilihan, dan tidak jelas sama sekali bahwa Anda bisa mulai mengetik sesuatu yang baru.
sumber
Sebuah garpu baru dari proyek kombo seksi sekarang keluar yang terlihat menjanjikan: http://code.google.com/p/ufd/
sumber
Untuk kumpulan data besar, bagaimana dengan JQuery UI Autocomplete , yang pada dasarnya adalah versi "resmi" dari plugin Autocomplete Jorn Zaeferrer ?
Saya juga menulis plugin combobox JQuery langsung yang mendapat umpan balik yang cukup bagus dari penggunanya. Ini secara eksplisit tidak dimaksudkan untuk kumpulan data besar; Saya pikir jika Anda menginginkan sesuatu yang memangkas daftar berdasarkan apa yang diketik pengguna, Anda lebih baik dengan plugin pelengkapan otomatis Jorn.
sumber
Plugin bagus lainnya adalah Sexy Combo
sumber
Ini juga menjanjikan:
JQuery Drop-Down Combo Box di simpletutorials.com
sumber
Komponen resmi jQuery UI ComboBox / Autocomplete sedang dibuat ... (sebelumnya dalam versi beta untuk jQuery UI 1.5.x), lihat jQuery UI Wiki
MEMPERBARUI:
Fungsionalitas pelengkapan otomatis sekarang menjadi fitur inti dari jQuery UI, lihat dokumen .
sumber
Jika Anda tidak membutuhkan banyak kolom, dipilih adalah pilihan bagus lainnya. Berlisensi MIT
sumber
Saya menemukan yang satu ini: http://code.google.com/p/jquery-jec/
Sepertinya juga pilihan yang bagus.
sumber
Saya mencari yang sama. Yang paling saya suka sampai sekarang adalah yang ini untuk ExtJs - kecuali saya belum mengujinya dengan Daftar besar: www.sencha.com/deploy/dev/examples/form/combos.html
Berikut ini satu lagi yang sangat cepat (!): Http://jsearchdropdown.sourceforge.net/
Misalnya SexyCombo bekerja cukup fantastis tetapi merupakan cara untuk memperlambat daftar yang lebih panjang. UFD folk SexyCombo jauh lebih cepat, tetapi waktu inisialisasi masih cukup lambat untuk list yang sangat besar. Selain itu, terkadang saya mendapatkan sedikit! "berkedip". Tapi saya rasa akan ada beberapa pembaruan dalam waktu dekat.
sumber
Sexy-Combo sudah tidak digunakan lagi. Pengembangan lebih lanjut ada dalam proyek Dropdown Filter Cepat yang Tidak Mengganggu. Kelihatannya menjanjikan, karena saya memiliki persyaratan serupa.
https://code.google.com/p/ufd/
sumber
Saya suka select2 , kaya fitur dan bagus serta aktif. Terutama seperti fitur pencarian diakritik .
sumber
Mengapa Anda tidak mencoba http://jqueryajax.codeplex.com/ . Ini adalah kumpulan kontrol ASP.NET yang berisi drop-down multikolom juga.
sumber
Activewidgets memiliki tampilan yang sangat bagus. Tidak tahu seberapa baik performanya pada kumpulan data besar. http://www.activewidgets.com/ui.combo/
sumber
Saya memiliki masalah yang sama, jadi saya akhirnya membuatnya sendiri.
Ini memiliki sistem templat bawaan, sehingga Anda dapat membuat hasilnya terlihat seperti apa pun yang Anda inginkan. Bekerja pada semua browser utama dan menerima objek array & json. http://code.google.com/p/custom-combobox/
sumber
Inilah yang sangat keren: http://www.xnodesystems.com/ Bidang Daftar Dinamis tidak hanya memiliki kemampuan pelengkapan otomatis, tetapi juga dapat melakukan validasi.
sumber
Saya sudah mencoba http://jqueryui.com/demos/autocomplete/#combobox dan masalah yang dihadapi adalah:
Sebagai hasilnya saya telah men-tweaknya sedikit dan itu bekerja dengan baik untuk saya di ASP.NET MVC. Versi CSS dan skrip widget saya dapat ditemukan di sini http://saplin.blogspot.com/2011/12/html-combobox-control-and-aspnet-mvc.html
Contoh tentang mengikat model MVC ke nilai kustom juga ada.
sumber
http://www.erichynds.com/jquery/jquery-ui-multiselect-widget/
sumber
Coba yang ini:
http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxcombobox/index.htm
Sangat bagus dengan banyak fitur termasuk pelokalan.
sumber
Sangat merekomendasikan Typeahead Twitter:
http://twitter.github.io/typeahead.js/
sumber
semua yang Anda butuhkan http://jquerycomboboxtmpl.codeplex.com/
drop-down pada template
sumber