Bootstrap selectpicker kütüphanesini kullanamıyorum

ikodyazilim dedi:

hocam droplist seklınde kullanmam durumumda ılk goruntude verılerım gelıyor hata ve sıkıntı yok ama sızın belırttıgınız kodlamayı yapmaya calıstıgımda ıse drop gelmıyor.

Genişletmek için tıkla...

khalannz7 dedi:

Öncelikle link kısmını razor sayfasının üst kısmına ekleyin. Sonra sayfanızı çalıştırın ve F12'ye basıp "console" kısmında hata var mı onu kontrol edin.

Genişletmek için tıkla...

ikodyazilim dedi:

hata alıyorum malesef belirtmiş oldugunuz gıbı yaptım dropdow gelmedı

Genişletmek için tıkla...

khalannz7 dedi:

Hocam JQuery kütüphanesini eklediniz mi ? Eklediyseniz kodunuzda bir sorun var. Farkındaysanız $ tanımlı değil diyor. Yani o scriptin içine yazdığınız kodu görmüyor. Oradaki sorunu bulup onu düzeltmeniz gerek önce.

Genişletmek için tıkla...

ikodyazilim dedi:

kütüphane ekli ve güncel .
yeni başladığım için açıkcası detaylı bilmyiorum .

Genişletmek için tıkla...

khalannz7 dedi:

Hocam bende 1 ay öncesine kadar bilmezdim bir şey ama denedikçe oluyor. Ama sizin JQuery eksiğiniz çok var id olarak benim attığım kodu yazmışsınız mesela. Script içerisindeki kod çalışmıyor farkındaysanız orada bir eksiklik var. Atın mesela chat-gpt'ye söylesin neyin eksik olduğunu normalde önermem ama gözden kaçan basit syntax hatalarını görebiliyor. Sonra o kodu kendinize göre uyarlayın. Ondan sonra konsoldaki hatayı atın yardımcı olayım.

Genişletmek için tıkla...

ikodyazilim dedi:

cht attım bırsuru ve farklı sonuclar getırdı cok basıt ama bır turlu kavrayamadım.

Genişletmek için tıkla...

$(document).ready(function () {
    $("#repairCustomerInput").selectpicker({
        noneSelectedText: 'Lütfen Bir Müşteri Seçiniz',
        noneResultsText: 'Sonuç Bulunamadı {0}',
        liveSearch: true,
        liveSearchNormalize: true,
        showTick: true
    });
 });

khalannz7 dedi:

Hocam bakın size açıklıyorum.

Kod:Panoya kopyala

$(document).ready(function () {
    $("#repairCustomerInput").selectpicker({
        noneSelectedText: 'Lütfen Bir Müşteri Seçiniz',
        noneResultsText: 'Sonuç Bulunamadı {0}',
        liveSearch: true,
        liveSearchNormalize: true,
        showTick: true
    });
 });

Buradaki "repairCustomerInput" sizin input alanınızın idsi. Yani kendi dropdownlist'inize bir id verin, onu da buraya yazın. Zaten altındakileri anlamışsınızdır. liveSearch arama yapabilmek için, liveSearchNormalize türkçe karakterleri kabul etmesi için showTick ise seçili ürünün yanında tik olması için. Bu kodu öncelikle kendinize göre uyarlayın ve script içerisine DOĞRU bir şekilde yerleştirin. Sonra attığım kütüphaneleri kullanın ama doğru şekilde. CSS linkini html kodunun başına yerleştirin, scripti de en alta. Sonra hata koduna iyi bakın konsoldaki. Bence JQuery 3.4 kullandığınız için hata alabilirsiniz. Kullandığınız kütüphanelerin birbirini destekelemesi de önemli çünkü. Meselea ben 3.7.0 kullanıyorum.

Genişletmek için tıkla...

khalannz7 dedi:

Hocam bakın size açıklıyorum.

Kod:Panoya kopyala

$(document).ready(function () {
    $("#repairCustomerInput").selectpicker({
        noneSelectedText: 'Lütfen Bir Müşteri Seçiniz',
        noneResultsText: 'Sonuç Bulunamadı {0}',
        liveSearch: true,
        liveSearchNormalize: true,
        showTick: true
    });
 });

Buradaki "repairCustomerInput" sizin input alanınızın idsi. Yani kendi dropdownlist'inize bir id verin, onu da buraya yazın. Zaten altındakileri anlamışsınızdır. liveSearch arama yapabilmek için, liveSearchNormalize türkçe karakterleri kabul etmesi için showTick ise seçili ürünün yanında tik olması için. Bu kodu öncelikle kendinize göre uyarlayın ve script içerisine DOĞRU bir şekilde yerleştirin. Sonra attığım kütüphaneleri kullanın ama doğru şekilde. CSS linkini html kodunun başına yerleştirin, scripti de en alta. Sonra hata koduna iyi bakın konsoldaki. Bence JQuery 3.4 kullandığınız için hata alabilirsiniz. Kullandığınız kütüphanelerin birbirini destekelemesi de önemli çünkü. Meselea ben 3.7.0 kullanıyorum.

Genişletmek için tıkla...

$("#repairCustomerInput").selectpicker yazdıgımızda yanı .selectpicker yazdıgımda otomatık cıkmıyor acaba selectpıcker tanımlı degılmı ?

Genişletmek için tıkla...

ikodyazilim dedi:

gerçekten teşekkur ederim benim seviyeme inip anlattığınız için .
belirttiklerinizi hemen deneyip uygulayacagım.


birde kafama takılan su

Genişletmek için tıkla...

khalannz7 dedi:

Hocam seviye falan demeyin. Bende pek usta sayılmam bu işten bir kaç ay önce bende o seviyedeydim. Seviyeye inmek falan yok yani estağfurullah. Diğer yazdığınız konu hakkında tam bilgi sahibi değilim ama kendim test ettim ve bende de çıkmıyor. O yüzden olacağını sanmıyorum.

Genişletmek için tıkla...