Html Table Javascript ile Dinamik Satır Ekleme Çıkartma

JQuery Table Satır Ekleme Çıkartma
JQuery Table Satır Ekleme Çıkartma

Merhaba arkadaşlar bu yazımızda table üzerinde javascript ile dinamik olaraksatır ekleme ve çıkartma işlemlerini göstereceğim sizlere. Bu işlemi gerçekleştirmek için mvc projesi içerisinde jquery kullandım.

Kodlama İşlemi

İlk olarak Controllerımızı oluşturup sayfamızı yaratalım.

Şimdi de sayfamızdaki kodları yazalım.

Burada ajax işlemi ile dinamik üretilen sayıları (GetVeriler metodu ile) tablomuza satır olarak ekliyoruz. Bu işlemi success metodu içerisinde yapıyoruz. Daha sonra eklemiş olduğum satırda bulunan cikart class’ına sahip link ile eklemiş olduğum satırı kaldırıyorum. Burada dikkat edilmesi gereken nokta parent() metodu ile bir üst alana çıkıp o alanı kaldırmak. Yani biz td nin içerisine butonu eklediğimiz için ilk olarak parent() metodu ile td ye sonrada tekrar parent() metodu ile tr ye çıkıp tr yi siliyoruz.

Bu yazıyı yazarken remove metodu için jsfiddle.net üzerindeki örnekten yararlandım. Emeğe saygı göstermek lazım 🙂

Bu yazımı beğendiyseniz Listbox ile ilgili şu yazımı okuyabilirsiniz.

Artık bir bardak su içebiliriz.

Bir cevap yazın

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