Seçilmiş ve Seçilmiş2 arasındaki farklar nelerdir?

Seçili ve Seç2 , seçim kutularını genişletmek için kullanılan iki popüler kitaplıktır.

Her ikisi de aktif olarak korunuyor gibi görünüyor, Seçilen eski ve hem jQuery hem de Prototip destekler.

Select2 yalnızca jQuery'dir, belgelerinde Select2'nin Seçilmiş'ten esinlenildiğini, ancak yapılan herhangi bir iyileştirmeyi (varsa) veya yeniden yazmanın diğer nedenlerini ayrıntılandırmaz.

İki kütüphane hemen hemen aynı özellik kümesine sahiptir, bulduğum tek karşılaştırma biraz sonuçsuz bir jsperf test sayfasıdır.

Bu kütüphanelerden herhangi birinin diğerine göre avantajı var mı?

Select2 3.3.1 itibariyle, README.md dosyasında belgelenenler aşağıdadır

Seçili Select2 Desteği Ne Yapmaz?

• Büyük veri kümeleriyle çalışma: Seçili, tüm veri kümesinin DOM'da optionetiket olarak yüklenmesini gerektirir ve bu da küçük ish veri kümeleriyle çalışmasını sınırlar. Select2, sonuçları anında bulmak için sonuçları kısmen yüklemesine izin veren bir işlev kullanır.
• Sonuçların sayfalandırılması: Select2 büyük veri kümeleriyle çalıştığı ve sayfalamayı desteklemesi gereken bir anda yalnızca az miktarda eşleşen sonuç yüklediği için. Select2, kullanıcı şu anda yüklü sonuç kümesinin en altına kaydırdığında arama işlevini çağıracak ve sonuçların 'sonsuz kaydırılmasına' izin verecektir.
• Sonuçlar için özel işaretleme: optionEtiketler için desteklenen tek biçimlendirme olduğu için, yalnızca metin sonuçlarının oluşturulmasını destekler . Select2, sonuçları temsil etmek için her türlü işaretleme üretmek için kullanılabilecek bir uzatma noktası sağlar.
• Anında sonuç ekleyebilme: Select2, kullanıcının girdiği arama teriminden etiket ekleme için kullanılmasına izin veren sonuçlar ekleme olanağı sağlar.

IMHO Seçilmiş "korunur" ancak "aktif olarak korunmaz". Seçilmiş 341 sayı ve 51 çekme talebi. Select2'de 128 sayı ve 25 çekme isteği var. Bence bunlar için temel desen

• hangisinin yüzeysel olarak size daha çekici geldiğini seç
• bir veya iki uygulamada kullanın
• özelleştirme sorunlarına veya sınırlamalarına çarpmak
• belki sorunlar ve çekme istekleri ile toplulukla çalışmaya çalışın
• sonunda bıkmış ve sadece bu süreçte öğrendiklerinizi kullanarak kendi kendinize

Hangisini seçerseniz seçin, kullanım durumunuz tam olarak onların tatlı yerinde ise, her ikisi de işe yarayacaktır. Değilse, sonunda kendi yazmanız veya büyük ölçüde özelleştirmeniz gerekecektir. Her iki durumda da, hangisinin seçimi özellikle o kadar önemli değildir. Sanırım @Andy Ray ve @paul ile birlikte olacağım, Select2 muhtemelen daha iyi ilk seçimdir.

Bir başka fark söz değer yani Chosengelişmiştir Sassve CoffeeScriptbuna Select2sadedir CSSve JS. Hata ayıklamayı zorlaştıran gereksiz karmaşıklık katmanları olan Sassve benim kişisel seçeneğim CoffeeScript.

Her ikisini de denedikten sonra ikisini de kullanmaya karar verdim - Select2öğe işlevselliği oluşturmaya çalışmak , <select>elemanlara bağlandığında yapamayacağınız için çok kıllı bir mesele olduğu ortaya çıktı - sadece sahip olduğum çemberleri iyi düşünmedim içinden atlamak.

Formun DOM'sine yeni bir <option>...</option>öğe ekleyen selectize.js kullanmaya karar verdim - bu da aklı başında. Ayrıca kullanır LESS- ama bunu atlar ve derlenenleri CSSdoğrudan projenize uyarlarım.

seçilen.js ve select2.js

• Her ikisi için MIT lisansı
• Bağımlılıklar:
  • Select2: jQuery
  • Seçili: tbc
• Masaüstü tarayıcı desteği:
  • Select2: IE8 +
  • Seçili: IE8 +
• Cihaz desteği:
  • Select2: belirsiz
  • Seçili: iPhone, iPod Touch ve Android mobil cihazlarda devre dışı bırakıldı
• Ağırlık (minimize edilmiş):
  • Seç2: 57KB
  • Seçilmiş: 27KB
• Kullanım: Select2 daha fazla "süslü" kullanıcı arayüzünü destekler (bkz. "Şablonlar")
• Her iki kod deposu Github'da mevcuttur
  • Select2: katkılar: çok aktif
  • Seçilmişler: katkılar: Select2'den yaklaşık 3 kat daha az

ps. Eksik noktalar hakkında daha fazla bilgi bulduğumda bu cevabı güncellemeye çalışacağım

İlk olarak, Chosen ve Select2'nin iki harika eklenti olduğunu söyleyeyim ve bu benim Chosen hakkındaki kişisel deneyimim. Bütün söyledikleri Chosen için doğrudur.

Sorun ile Pēteris Caune tarafından işaret select2 yaşında ve hala hiçbir resmi bir düzeltme var. API için iyi bir belge yoktur. Birçok kez işaret edildi (saat 671'i izleyin) ama hala hiçbir şey yok. Div'ı göstermeden önce sakladıysanız, seçilen sorunu temel olarak işe yaramayacakları bu sorunu çözmek neredeyse 2 yıl sürdü overflow:hidden(ve birwitdh:X% sorunu aramazsanız temelde asla bilemeyeceğiniz seçenek ).

Asıl sorunun, 92 numaralı sorundaki DelvarWorld gibi düzeltme hızı olduğunu söyleyebilirim:

Çekme isteğim bu sorunu giderir, ancak diğer bir ve benim seçtiklerim gibi çoğu yok sayılıyor. Bu projede çok az sayıda kod tabanı bulunan çok fazla katılımcı var.

İlk MIT lisansı için seçtim ama tüm tez sorunları (açılan kesim, API bulmak değil, taşma için gizli saatler arıyor) vardı, bu yüzden daha iyi bir belge, hiçbir açılan kesim hata var çünkü select2 geçmek karar verdi ve daha hızlı düzeltmeler.

Select2'de çalışan ancak Seçili'de çalışmayan bir özellik select, overflow: hiddenveya öğesinin içinde overflow: auto.

Seçilen için karşılık gelen sorun: https://github.com/harvesthq/chosen/issues/86

Bu iki eklenti ile çalışırken bulduğum bazı farklılıklar:

• Select2 ile seçenekteki herhangi bir yerde arama yapabilirsiniz. Örneğin, ABCDEFG adlı bir seçeneğiniz varsa ve CDE'ye yazarsanız, arama sonuçlarında bu seçeneği elde edersiniz, ancak seçili olarak sonuçları almak için AB .. vb.

• Ben daha büyük veri kümeleri ile seçilen IE, özellikle IE daha hızlı gibi göründüm.

Select2 cep telefonunu desteklerken, Chosen özellikle iPod, iPhone ve mobil Android cihazlarında kendisini devre dışı bırakır . Mobil cihazlarda "genişletilmiş" seçim kutularını kullanmak istiyorsanız, bu seçiminizi kolaylaştırır.

Select2 ile yaşadığım deneyim masaüstünde harikaydı, ancak dokunmatik mobil cihazlarda çok çeşitli, bazı tuhaflıklar her zaman mevcuttu. Örneğin, ics ve stok tarayıcı açılır listesiyle xperia st15i'de klavye çalma odağı nedeniyle her zaman kendini kapatıyordu. Tekrar açmanın tek yolu menüye onlarca kez dokunmak, parmağınızı bir saniye ve diğer vudu büyüsü için tutmaktır. Veya açılır liste kapalıyken yazmaya başlayın ve kaç kullanıcı bunu anlayacak?

Selectize.js, Select2'den çok daha yumuşak gibi görünüyor, ancak aynı zamanda mobilde kendi başına sorunları var, örneğin değer seçildiğinde veya girildiğinde, bir nedenden dolayı sayfayı tamamen sola taşır. Ayrıca, taşmayı desteklemeyen eski Android 2.x cihazlarda, klavye açılmadığı için en iyi birkaç seçeneği seçmek imkansızdır. :(

Yine de Seçilmiş'i test etmek zorunda ve sonuçta mobil cihazlar için devre dışı bırakılması o kadar da kötü bir fikir olmayabilir, ama sonunda eski eski açılanlar her zaman ve her yerde çalışır.

Güncelleme: şimdi de Seçilmiş'i de test ettim ve bir alanda daha iyi: varsayılan olarak mobilde çalışmıyor (harika!), Ancak kelime sorunlarını filtreliyor. Örneğin, kelimelerin ortasında arama yapmaz ve hizalama için & nbsp hack kullanırsanız , tam seçenekleri de göz ardı eder. Çizim tahtasına geri dön.

Neden Seçilmişler arasından select2'yi seçtim

Select2'nin temel özelliği, başka hiçbir kontrolün otomatik olarak sihirli olmaması, kontrolün sağındaki 'x' ile "Tümünü temizle" seçimleridir. Bu benim uygulama için katil bir özellik. Diğer seçme etiket geliştirme kitaplıklarının neden bu özellik eksik olduğunu bilmiyorum.

Select2, AJAX Chosen'i desteklemiyor

Seç 2, seçilene kıyasla boyut olarak biraz daha ağırdır.

Ajax işlemleri için resmi destek olmadığından Select2'ye geçtim.