JQuery ile Tabloda Arama Yapmak

Merhaba Arkadaşlar,
Bu makalede, Jquery ile tablolarda nasıl arama işlemi gerçekleştirebiliriz onu öğreneceğiz.Eğer dinamik bir web sitesi geliştiriyorsanız bunun bir admin paneli olacaktır.Admin panelde en sık yapılan işlemlerden birisi tablolarda listeleme yapmaktır.Örneğin ETicaret sitesiyse ürünler listelenir, Blog sitesiyse makaleler listelenir vs..Listelenen sayı artınca tablolarda arama işlemi ihtiyacıda oluşmaya başlar.

Uygulamamızda Bootstrap versiyon 4.1.3’i CDN olarak sayfamıza ekleyip class’ larından faydalandım.Burda arama yapmak için bir <input> ve listelemek için de bir table oluşturdum.İnput’ un keyup olayında yani klavyede bir tuşa basılıp kaldırılma anında, tablonun satırlarında var olup olmama durumunu kontrol ediyoruz.Varolanlar görünmeye devam ederken olmayanlarıda togglemetodu ile gizliyoruz.Uygulamayı incelediğinizde daha anlaşılır olacaktır.Kodlarımız şu şekilde;

JQuery ile Kalan Karakter Sayısı Uygulaması ve JQuery ile Listede Arama Yapmakmakaleleride ilginizi çekebilir.

Yeni bir makalede görüşmek üzere.

Leave a Reply

TASARIMLARINIZDA KULLANABİLECEĞİNİZ TAM 150 FARKLI RENK PALETİRenkleri Göster
+ +