Select2’ye takılıp kalmayın

Temelden başlamak gerek temelden. Neden mi? Çünkü yeni yöntemler, scriptler, teknolojiler derken elimizin altındaki seçenekleri görmekte gecikiyoruz. Evet temel önemli. Html mi? Bitir sonra html5 i öğren. Html 7 çıktıysa işini gücünü bırak onu da öğren. Neden mi? Kısadan çaresiz kaldığım bir durumu anlatmak gerekirse;

Select2’ye öyle yoğunlaşmışım ki hem select hem de textbox özelliğini tek başına bir nesnede kullanma ihtiyacı duyduğum an select2 de bir türlü çözüm bulamadım.Çaresiz kaldım,kaldık! İlgili örnekleri taradım yok bir sonuç. Tamam biraz javascript ile uğraşınca muhakkak çözüme ulaşırdım fakat daha kolay, net bir yolu olmalı diye 1 ay elimi sürmedim. Bilmemek ayıp değil ya hele sevgili google da bana yardımcı olamayınca (ne aradığını iyi ifade edememek de bir sorundur) biraz zamana yaydım ve an itibariyle html5 yardımıma koştu.

Sözün özü select2 de yazdığınız kelime vs. datada yoksa başka bir nesneye odaklandığınız zaman yazdığınız veriyi siler nitekim o bir selectboxdır. Fakat html5’in datalist nesnesi daha vefalıdır yazılanı unutmaz.Şöyleki;

 

<input list=”testliste” name=”inputboxim>

<datalist id=”testliste”>

<option value=”Değerbir”>

<option value=”değeriki”>

</datalist>

 

bu kadar. Tabi siz bu değerleri bir foreach ile ilgili veritabanından çekip ekleyebilirsiniz. Bunlar klasik işlemler. Bazen ki bootstrap kullanıyorsanız datalisti inputtan hemen sonra koymak şablonu bozabiliyor. O yüzden form bitiminde son nesne olarak koyarsanız iyi olur. Yani

<input list=”testliste” name=”inputboxim”>

<input name=”baskanesne” type=”text”>

<datalist id=”testliste”>

</datalist>

</form>

Umarım artık google yardımcı olur 🙂 İyi çalışmalar

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir