Jquery Data Table & Asp.net Bölüm 1

Jqery ve asp.net kardeşliği güngeçtikçe hızla ilerliyor. Malum birde html5 olunca müşterilerinde istekleri çığ gibi büyüyor tabi. Yok sayfa niye yenileniyor yok şuraya tıklayınca neden hepsi gelmiyor illa o sayfayamı geçmem lazım vs. vs. vs hızla ilerleyip gidiyor.Peki neden Jquery Datable da generic handler kullandık normaldede zaten repeaterla yapabiliyoruz diyeceksiniz belki ? Nedeni 100 200 300 kayıtlık bi verinizi çekerken zorlanmazsınız ama 1000 2000 tane verinin birden geldiğini düşünecek olursak bi hayli bekleyeceksiniz. Ama bu şekilde 2 ci sayfaya geçtiğinizde sıradaki veriler gelecektir ve browserınız şişmeyecektir. Saadete gelicek olursak Jquery DataTable çıkmadan önce Ağırlık repeater kullanırdım Evaller falan td leri oturtmalar listelemeler CollectionPAger uğraşdur bide sayfa yenilenmeleri yokmu beni etmesede müşterileri fıtık ettiği kesin. Asp.net ile Jquery DataTable ın Generic Handlar ile nasıl kullanıldığını kısaca anlatmaya çalışacağım. İlk olarak DataTable kütüphanemisi indiriyoruz Şuradan Daha sonra File>New>WebSite diyerek projemizi açıyoruz. Ben kendime göre isi verdiğim çin sizin klasörleriniz farklı olabilir ama işlemler aynı. RESMİ BÜYÜK GÖRMEK İÇİN RESİME TIKLAYIN Default.aspx olarak boş bir sayfa açıyoruz ve head kısmına css ve js kütüphanelerimiz bağlıyoruz. Daha sonra birtane table koyuyoruz thead ve tbody kısımlarını çekeceğimiz kolon isimlerini yazıyoruz. RESMİ BÜYÜK GÖRMEK İÇİN RESİME TIKLAYIN Table ımıza class veriyoruz yada id nedeni javascript kısmında datatable ımızı doldururken elemnt kontrolünü sağlamak. Ben class verdim ve class lara göre dolduruyorum. Sayfadaki işlemlerimiz bitti şimdi geçelim kütüphanemize. RESMİ BÜYÜK GÖRMEK İÇİN RESİME TIKLAYIN Ben GetPerson adında bir function oluşturdum içerisinde işlemlerimi yapıp documentte functionumu direk çağırıyorum ki bağla tabolarımıda dolduruyorsam sadece function isimlerini yazmam yeterli oluyor. Dikkat edeceğimiz nokta ise Belirleyeceğimiz parametreler ve kolonlar. DataTable Api & Pluginlerine Buradan ulaşa bilirsiniz. oLanguage: Datatable ımızın label alanlarıdır. sAjaxSource:Verilerimizi çekeceğimiz kaynaktır. aoColumns: Gelecek kolonlardır. Dikkat : Generic Handlar da Json oalrak geriye kaç kolon döndürürseniz buradada okadar kolon eklemek zorundasınız ! Mesela ben Id ve Name döndürüyorum buraya 2 kolon yazabilirim.Siz daha fazla yazın inat ederseniz Alert olarak sizi selamlarnasıl olsa :) fnRender : Normalde verileriniz site direk gelir ama  fnRender ile istediğiniz html yada vb. şablonunuzu belirleyip o şekildede getirebilirsiniz verinizi. GenericHandler ı anlatmaya gerek duymuyorum çünkü baya bi not düştüm zaten anlayacaksınız. RESMİ BÜYÜK GÖRMEK İÇİN RESİME TIKLAYIN PersonHelper Class ı nerden geliyor diye soracak olursanızda onuda kolaylık olsun diye AppCode a koydum ;) RESMİ BÜYÜK GÖRMEK İÇİN RESİME TIKLAYIN   Download_Click :)   Umarım yeterince anlaşılır olmuştur.Bir sonraki anlatımımda gelen verilerimizi check ederek nasıl sileriz sildiğimiz satırı nasıl gizleri bunlara deyinmeye çalışacağım.