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.


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.


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


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.



15

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


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.


Plugin Autocomplete Jorn Zaeferrer sederhana dan mengagumkan
Jake Wilson



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 .


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


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.


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/


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




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/







Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.