ASP.NET GRID THEAD Etiketini Kullanmak, Göstermek

Genelde karşılaştığım problemlerin çözümlerini toparlamaya çalışıyorum burada.

Bunlardan biride Asp.Net kontrollerinden Grid üzerindeki Thead etiketini görünür bir hale getirmek.

Normalde sayfaya bir Grid eklediğinizde bu etiketi kullandığınız tarayıcının Developer Tools’ unda göremezsiniz.

Kısa bir örnek ile isterseniz bilikte yapalım bu işlemi;

İlk olarak boş bir web projesi açıyoruz.

Asp.Net Empty Solution

Asp.Net Empty Solution

Sonrasında sayfamıza aşağıdaki gibi gridimizi ekliyoruz.

Asp.Net OnRowDataBound

Asp.Net OnRowDataBound

Ben oluşturduğum Class’ ımı CodeBehind kısmında Gridin DataSourcuna bağlayıp ve AutoGenerateColumns özelliğini aktif ederek datayı bind ettim.

Sayfamızı açtığımızda Developer Tools altında ilgili tablomuzu bulduğumuzda tbody etiketi ile başladığını görebilirsiniz. Thead etiketi görünmeyecektir.

Asp.Net Grid Developer Tools

Asp.Net Grid Developer Tools

Gelelim thead etikenini nasıl aktif edebileceğimize; Gridin OnRowDataBound metoduna aşağıdaki kodlarımızı ekliyoruz.

Asp.Net OnRowDataBound

Asp.Net OnRowDataBound

Projemizi derleyip sayfamızı tekrar açtığımızda Developer Tools ile kontrol ettiğimizde thead ve th etiketlerini görebiliriz.

Asp.Net Grid Developer Tools

Asp.Net Grid Developer Tools

Gelelim böyle bir işlem nerede lazım olabilir. Özellikle günümüzde bootstrap, jquery, angular,  knockout gibi js tabanlı ve ui frameworkler ile çalışıp datatable gibi componentleri kullanıyorsunuz sayfa bind işlemi sırasında jsler sayfaya bind olurken ilgili etiketlere ihtiyaç duyabiliyor.

Jquery Scroll ve jQuery.DataTable en azından bunlardan 2 tanesi.

Umarım faydalı olur.

Reklamlar

Internet Explorer için Local Virtual PC’ ler

https://www.modern.ie/en-us/virtualization-tools#downloads buradan istenilen configdeki sanal makineyi hazırlayıp. VHD dosyasını download edebiliyoruz.

Modern IE Sanal Makine

Modern IE Sanal Makine

Sonrasında Microsoft Windows Virtual PC’ yi ile bu sanal makinayı kullanabilirsiniz.

Şayet makinanızda Microsoft Windows Virtual PC yok ise aşağıdaki linkden 32 ya da 64 Bit seçeneklerinden birini download edebilirsiniz.

https://www.microsoft.com/tr-tr/download/details.aspx?id=3702

Kurulum sonrasında Virtual PC’ yi açıp yeni bir makine tanımlarken daha önce indirdiğiniz  .VHD uzantılı dosyayı uygulamaya gösterebilirsiniz.

Virtual PC Sanal Makine Oluşturma

Virtual PC Sanal Makine Oluşturma

Sanal makine oluştuktan sonra yapmanız gereken üzerine çift tıklayarak makineye ulaşmak.

Makine açıldıktan sonra ilgili Internet Explorer versiyonu ile sanal makine üzerinde testlerinizi yapabilirsiniz.

IE Sanal Makine

IE Sanal Makine