Profesyonel jQuery tabanlı Combobox kontrolü? [kapalı]

JQuery kitaplığına dayalı herhangi bir profesyonel Combobox denetimi (otomatik önerme içeren açılır liste) var mı?

Büyük veri kümelerini işleyebilmeli ve bazı kaplama seçeneklerine sahip olmalıdır. Bir çok sütunlu sonuç listesi çok iyi olurdu. ASP.NET ile çalışıyorum, ancak bunun için bir sarmalayıcı yazmak zorunda kalırsam sorun olmaz.

Zaten bir üçüncü taraf denetimi kullanıyorum, ancak iki satıcının denetimi arasında bazı uyumluluk sorunlarıyla karşılaştım. Bu tür bağımlılıklardan kurtulmak istiyorum.

Ne yazık ki gördüğüm en iyi şey jquery.combobox , ancak web uygulamalarımda gerçekten kullanmak istediğim bir şeye gerçekten benzemiyor. Sanırım bu kontrolle ilgili bazı kullanılabilirlik sorunları var, ancak bir kullanıcı olarak açılır listenin bir metin kutusuna dönüşmesi için yazmaya başlayacağımı bilmiyorum.

Combo Dropdown Box'ı çok tercih ederim , ancak yine de isteyeceğim bazı özelliklere sahip ve hala alfa sürümünde. Alfa olması dışında bundan hoşlanmadığım tek şey ... bir kez açılan kutuya yazdığımda, orijinal açılır liste öğelerinin kaybolması. Ancak, belki bunun için bir ortam vardır ... veya belki oldukça kolay bir şekilde eklenebilir.

Bildiğim tek iki seçenek bunlar. Araştırmanda bol şans. Birini bulursan veya ikinci seçeneğin sana uygun olup olmadığını duymak isterim.

İşte çok umut verici görünen bir tanesi. Bu gerçek bir kombinasyon - ne yazdığınızı görürsünüz. Başka yerde görmediğim harika bir özelliği var: sayfalama sonuçları.

FlexBox

Bir jquery "birleşik giriş kutusu" arayan herkes bu soruya yönlendirilmiş gibi görünüyor. Gönderim, bu sayfaya gelen kişilerin orijinal soruya bir yanıt yerine "geleneksel" bir açılan kutu bulmaları içindir. Yukarıdaki çözümlerin tümü, girdiyi filtreleme ve mevcut bir seçim değerine otomatik tamamlama aracı olarak kullanmaya odaklanır. (büyük veri kümeleri için harika)

Basitçe "Bir şey yazın veya bu önceden tanımlanmış değerlerden seçim yapın" olan geleneksel birleşik giriş kutusunu arıyorsanız (hayır, siz yazarken eşleşmeyenleri gizlemeyeceğiz), yapılması gereken

<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;" />

Bkz. Http://bit.wisestamp.com/uncategorized/htmljquery-editable-combo-2/

Bunu henüz yapılmadığını görmeme rağmen, mevcut bir seçme etiketini dönüştüren bir eklentiye sarmak kolay olmalı.

Not: "jQuery Editable Combobox" ile gördüğüm ana sorun, bir seçilmiş liste olarak kalması ve yeni bir şeyler yazmaya başlayabileceğiniz hiç de açık değil.

Seksi kombo projesinin umut verici görünen yeni bir çatalı çıktı: http://code.google.com/p/ufd/

Büyük veri kümeleri için, temelde Jorn Zaeferrer'in Otomatik Tamamlama eklentisinin "resmi" sürümü olan JQuery UI Autocomplete'e ne dersiniz ?

Ayrıca kullanıcılarından oldukça iyi geri bildirimler alan düz bir JQuery combobox eklentisi yazdım . Bu açıkça oluyor değil büyük veri kümelerinde olsa içindir; Listeyi kullanıcının yazdıklarına göre eriten bir şey istiyorsanız, Jorn'un otomatik tamamlama eklentisiyle daha iyi durumda olduğunuzu anladım.

Başka bir güzel eklenti Sexy Combo

Bu aynı zamanda umut vericidir:

Simpletutorials.com'da JQuery Açılır Açılır Kutu

Resmi bir jQuery UI ComboBox / Autocomplete bileşeni yapım aşamasında ... (daha önce jQuery UI 1.5.x beta sürümündeydi), bkz. JQuery UI Wiki

GÜNCELLEME:

Otomatik tamamlama işlevi artık jQuery kullanıcı arayüzünün temel bir özelliğidir, bkz. Belgeler .

Birden çok sütuna ihtiyacınız yoksa, seçilen başka bir iyi seçimdir. MIT Lisanslı

Diğerini buldum: http://code.google.com/p/jquery-jec/

Ayrıca iyi bir seçenek gibi görünüyor.

Ben de aynısını arıyorum. Şimdiye kadar en çok sevdiğim şey, ExtJ'ler için olanı - ancak geniş Listelerle test etmedim: www.sencha.com/deploy/dev/examples/form/combos.html

İşte gerçekten (!) Hızlı olan bir başka: http://jsearchdropdown.sourceforge.net/

Örneğin, SexyCombo oldukça harika çalışıyor ancak daha uzun listeler için yavaşlamanın yolu. SexyCombo folk UFD çok daha hızlıdır, ancak gerçekten büyük listeler için başlatma süresi hala oldukça yavaştır. Üstelik bazen biraz az alıyorum! "yanıp sönüyor". Ancak yakın gelecekte bazı güncellemeler olacağını tahmin ediyorum.

Sexy-Combo kullanımdan kaldırıldı. Unobtrusive Fast-Filter Dropdown projesinde daha fazla geliştirme mevcuttur. Benzer gereksinimlerim olduğu için umut verici görünüyor.

https://code.google.com/p/ufd/

Ben gibi 2'yi Seç , bu zengin özellikli ve güzel ve aktif. Özellikle aksan arama özelliği gibi.

Neden http://jqueryajax.codeplex.com/ denemiyorsunuz ? Çok sütunlu açılır menü içeren ASP.NET denetimleri koleksiyonudur.

Activewidgets’ın çok güzel bir görünümü var. Büyük veri kümelerinde ne kadar iyi performans gösterdiğine dair hiçbir fikrim yok. http://www.activewidgets.com/ui.combo/

Ben de aynı sorunu yaşadım, bu yüzden kendiminkini oluşturdum.

Yerleşik bir şablon sistemine sahiptir, böylece sonuçların istediğiniz gibi görünmesini sağlayabilirsiniz. Tüm büyük tarayıcılarda çalışır ve dizileri ve json nesnelerini kabul eder. http://code.google.com/p/custom-combobox/

İşte gerçekten harika bir tane: http://www.xnodesystems.com/ Dinamik Liste Alanı yalnızca otomatik tamamlama özelliğine sahip olmakla kalmaz, aynı zamanda doğrulama da yapabilir.

Http://jqueryui.com/demos/autocomplete/#combobox'u denedim ve karşılaşılan sorunlar şunlardı:

• Tarayıcılar arası oluşturma
• Özel değer gönderememe

Sonuç olarak, biraz ince ayar yaptım ve ASP.NET MVC'de benim için iyi çalıştı. CSS sürümüm ve widget komut dosyası burada bulunabilir http://saplin.blogspot.com/2011/12/html-combobox-control-and-aspnet-mvc.html

MVC modelini özel değere bağlama örneği de var.

http://www.erichynds.com/jquery/jquery-ui-multiselect-widget/

Bunu dene:

http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxcombobox/index.htm

Yerelleştirme dahil birçok özellik ile çok güzel.

Twitter Typeahead'i şiddetle tavsiye ediyoruz:

http://twitter.github.io/typeahead.js/

ihtiyacınız olan her şey http://jquerycomboboxtmpl.codeplex.com/

şablonlardaki açılır menü