Kontrol Combobox berbasis jQuery profesional? [Tutup]

86

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.

teks alt

Saya sudah menggunakan kontrol pihak ketiga, tetapi saya mengalami beberapa masalah kompatibilitas antara kontrol dua vendor. Nah, saya ingin menyingkirkan ketergantungan semacam ini.

percikan
sumber
apakah Anda pernah dapat menemukan jawaban yang lebih baik untuk pertanyaan ini?
Elemen
Lihat jawaban GeorgeBarker di bawah ini.
splattne
Kotak kombo jQuery disebut 'pelengkapan otomatis'. jqueryui.com/autocomplete/#combobox
Aaron

Jawaban:

24

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.

Elijah Manor
sumber
1
Sepertinya saya memiliki masalah kompatibilitas dengan jquery.combobox dan jQuery 1.4.x ... seperti kebanyakan plugin yang sudah lama tidak dipertahankan ...
Lukas Eder
3
Komentar pada link pertama 'catatan: saat ini jquery.combobox berperilaku sebagai daftar dropdown dan bukan combbox penuh. saat ini tidak menerima masukan teks. ' jenis mengalahkan tujuan IMO ....
Matthew Dresser
1
tautan mati di sanchezsalvador.com
markashworth
53

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

GeorgeBarker
sumber
Saya akan mendukung rekomendasi FlexBox. Ini memiliki opsi UI dan gaya yang sangat, umm, fleksibel.
Ben Griswold
Versi baru (0.9.3) baru saja dirilis. FlexBox sekarang mendukung pemfilteran JSON sisi klien.
Noah Heldman
1
imo FlexBox untuk beberapa kasus berlebihan.
kajo
Muncul untuk memuat semua data (json) sekaligus jadi mungkin tidak sesuai jika sumber data memiliki banyak catatan
David
Jika saya sudah memilih satu nilai, lalu klik panah itu hanya menunjukkan nilai yang dipilih, tidak semua nilai.
linbo
25

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.

Danny W. Adair
sumber
15

Sebuah garpu baru dari proyek kombo seksi sekarang keluar yang terlihat menjanjikan: http://code.google.com/p/ufd/

lomaxx
sumber
Saya suka itu mengubah pilih menjadi kotak kombo.
beetstra
1
Setelah meninjau setiap saran di halaman, saya memilih yang ini. Cepat, sederhana, hanya menyediakan fungsionalitas dasar yang saya inginkan, dan bekerja pada input pilihan yang ada
elwyn
Bisa juga bekerja dengan Jquery UI Themeroller
codeulike
Yang ini adalah bisnis bagi saya. Bekerja dengan lancar di IE7 dan IE8, yang merupakan persyaratan. Pencarian infix (mid-word), scroll bar untuk daftar yang lebih panjang, dan berfungsi baik dengan komponen lain.
Alastair
Sejauh ini, ini adalah cara termudah untuk diintegrasikan jika kode Anda yang ada menggunakan dropdown html lama. Saya menggunakan yang ini.
Maksimal
14

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 Autocomplete Jorn Zaeferrer sederhana dan mengagumkan
Jake Wilson
7

Ini juga menjanjikan:

JQuery Drop-Down Combo Box di simpletutorials.com

Anthony Kong
sumber
Terlihat cukup bagus, tetapi tidak mendukung memiliki nama dan nilai yang berbeda seperti yang Anda bisa dengan pilih <option>
BT
1
Juga tidak mendukung dua kotak kombo pada satu halaman.
Tim Saylor
7

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 .

Sander Versluys
sumber
Ini sekarang tersedia dengan jQuery 1.8. Saya cukup berhasil menggunakannya, ini adalah widget yang dirancang dengan baik.
Boldewyn
Apakah kalian mengalami efek kiriman? Ketika saya mengklik panah untuk beralih daftar, halaman saya diposting dan saya mendapatkan penyegaran halaman ...
searah jarum
7
kotak kombo tidak sama dengan pelengkapan otomatis
Neil McGuigan
5

Jika Anda tidak membutuhkan banyak kolom, dipilih adalah pilihan bagus lainnya. Berlisensi MIT

mortdale
sumber
1 untuk dipilih. Tampak hebat dan kami tidak perlu membuat perubahan apa pun pada dropdown yang ada dengan data yang berasal dari ObjectDatasource. Ini berhasil!
Matt
3

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.

Sithlord
sumber
ExtJ juga bekerja sangat baik dengan daftar yang besar (atau sangat besar) karena mendukung paging dan Anda dapat meminta nilai secara lokal atau memutuskan untuk mengirim kueri kembali ke server dan memberikan potongan hasil lainnya. Masalah dengan ExtJ adalah kurva belajar yang curam.
stivlo
3

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/

penguincoder
sumber
Meskipun bagus, tampaknya itu tidak berfungsi dengan jquery> 1.6. Mencari opsi lain.
dan radu
2

Mengapa Anda tidak mencoba http://jqueryajax.codeplex.com/ . Ini adalah kumpulan kontrol ASP.NET yang berisi drop-down multikolom juga.


sumber
2

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/

Donny V.
sumber
2

Inilah yang sangat keren: http://www.xnodesystems.com/ Bidang Daftar Dinamis tidak hanya memiliki kemampuan pelengkapan otomatis, tetapi juga dapat melakukan validasi.

Richard Xiong
sumber
2

Saya sudah mencoba http://jqueryui.com/demos/autocomplete/#combobox dan masalah yang dihadapi adalah:

  • Rendering lintas browser
  • Ketidakmampuan untuk mengirimkan nilai kustom

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.

Maxim Saplin
sumber
0

semua yang Anda butuhkan http://jquerycomboboxtmpl.codeplex.com/

drop-down pada template

rootkit
sumber
Harap tambahkan beberapa penjelasan setidaknya untuk solusi yang Anda sarankan dan mengapa itu sesuai dengan kriteria dari pertanyaan.
mtsr