Hasan Akpürüm
blog-post-1

Jquery Data Table & Asp.net Bölüm 2 (Disable Sorting Dynamic Column)

Merhaba arkadaşlar; Bu bölümde iste jquery datateble da fnrender kullanmadan dinamik olarak nasıl kolonları istediğimiz gibi düzenleriz onu anlatmaya çalışacağım. Açıkçası ben şurdan yola çıkarak özellikle buna ihtiyaç duydum.  jQuery DataTable da her tablo için benzersiz js oluşturmak zorunda kalmadan bir satırı devre dışı edebilmek için geliştirdim.Diyelim tümüseç diye bir checkbox koyacaksınız ama datatable otomatik shortable yaptığından tıkladığınız anda işleminiz gerçekleş meyecek çünkü onuda sıralamaya başlıyacaktır. Bunu devre dışı bırakmak içinde tek tek fn render yazmak zorunda kalacaksınız. Peki ya tek satırda yapmak isterseniz ? Yani ben her biri için tek tek datatable js ti yazmak istemiyorum tek satırda işim hallolsun :) th de class ına "noshort" dediklerim sıralnamasın mesela.   parametrelerimiz var dontSort = []; --> Kolonların özelliklerini tutacağımız dizin var tmpID; --> Table id adı var Source; --> Generic Handler url miz (Data) dan oluşuyor . yani html kısmındada şu şekilde <table class='dataTable mws-table' title="./Data/PersonData.ashx" id="dt_test" >   <thead> <tr> <th class="align-left nosort"> <input type="checkbox" onclick="checkUncheckAll(this);" /> </th> <th class="align-left"> ID </th> <th class="align-left"> Name </th> </tr> </thead>   Senaryoyu nasıl çalışır: Tüm tabloları DataTable uygulayacak çünkü benim durumumda ben sınıfları ('.dataTable. Tablo') kullanıyorum]. Onu her tablo id (tablonuzda id özniteliğini diğer ikinci bir table da kullanılmadığından emin olun) ile dontSort bir dizi inşa edecek. Daha sonra bir nosort adında sınıf olup olmadığını görmek için thead içindeki th lere bakacaktır.nosort adında sınıf varsa, bu sütun için sıralama devre dışı kalacaktır.   Resmi büyütmek için tıklayın   Hepinize kolay gelsin Umarım faydalı bir yazı olmuştur :)   Hepsi bu kadar artık js dosyamızı sayfamıza bağlamamız yeterli olacaktır daha diğer veri çekeceğiniz tablolar için tektek js yazmaktan kurtuldunuz artık :) Download_Click :)

Yorum Yaz