|
ListView Kontrolü
Merhaba arkdaşlar;
Uygulama veya projelerimizi geliştirirken ihtiyaç duymamızın kuvvetle muhtemel olduğu ASP.NET konularından bir diğeri olan ve ASP.NET 3.5 ile gelen kontrollerden bir diğeri olan ListView kontrolü ile makale serimize devam ediyoruz..
ASP.NET de bulunan data kontrollerinin elbetteki hepsinin ayrı ayrı avantajları söz konusu. Listview Repeater'ı anımsatan bir yapıya sahip olsada yetenekleri itibari ile Repeater'e göre bir hatta birkaç adım önde diyebiliriz. Örneğin Listview in daha fazla template sahip olması Listview ile daha komplike html yapılarını oluşturabilme şansını bize sunmaktadır.
ListView; "AlternatingItemTemplate", "EditItemTemplate", "EmptyDataTemplate", "EmptyItemTemplate", "GroupSeparatorTemplate", "GroupTemplate", "InsertItemTemplate", "ItemSeparatorTemplate", "ItemTemplate", "LayoutTemplate", "SelectedItemTemplate" gibi Template lere sahipdir. Her zaman savuncuğumuz gibi ne kadar çok özellik, dataya o kadar çok hakimiyet ve kullanılabilrlilik demektir. Bu anlamda ListView Template lerindeki çokluluk ile göze çarpmakta..
Listview kontrolünde LayoutTemplate ve ItemTemplate kullanımı zorunlu olan Template lerdir. Diğer templateler ise isteğe bağlı olarak kullanılabilir.
AlternatingItemTemplate : Talep edilen dataların birbirinden ayrıştırılabilmesi (kolay okunabilmesi) adına dataları birbirinden ayrı görünüme kavuşturabilmek adına kullanılan Template dir..
EditItemTemplate: Herhangi bir veride düzenleme yapmak için kullanacak olduğumuz Templatedir. EditItemTemplate şablonu, düzenlenecek olan veri için ItemTemplate şablonunun yerinde görüntülenir.
EmptyDataTemplate: Dataların talep edilmesinde eğer veri kaynağı hiçbir değeri döndürmez ise gerekli düzenlemeyi yapmak için kullanılan Template dir..
EmptyItemTemplate: Eğer bir GroupTemplate kullanılıyorsak ve boş bir madde nin döndürülmesi durumunda oluşacak olan içeriğin tanımlanmasında kullanılan Template dir.
GroupSeparatorTemplate: Data grupları arasında ayırıcı özellikteki içeriğin tanımlandığı Remplate dir.
GroupTemplate: html nesnelerini tanımlamaya yarayan; ItemTemplate veya EmptyItemTemplate öğelerinde tanımlanan içeriği barındıran Template dir.
InsertItemTemplate: Data eklemek için kullanılan içeriği tanımlamak için kullanılan Templatedir.
ItemSeparatorTemplate: Görüntülenen veriler arasında ayırıcı kullanmak için kullanılan template dir.
ItemTemplate:Verilerin listeleneceği satırları vs.. düzenlemek için kullanılanılan Template dir.
LayoutTemplate: <table>, <div> gibi nesneleri tanımlamaya yarayan, ItemTemplate(Madde Şablonu) veya GroupTemplate(Grup Şablonu) öğelerinde tanımlanan içeriği barındıran ana Template dir.
SelectedItemTemplate: Seçili olan veriyi, diğer verilerden ayırt etmek için kullanılan içeriğin tanımlandığı Templatedir.
Şimdi bir örnekle devam edelim.. Örneğimizi açıkçası sıfırdan yapmayacağım.. Burada DataPager'ı anlatırken örneği ListView üzerinden anlatmışım. O makaledeki ListView ile alakalı görselleri ve anlatımı kullanacağım..
Sayfamıza veri kaynağından alacağımız verileri görüntülemek için bir adet ListView kontrolü ekleyelim ve datasource kısmını bağlayalım..
ListView için Coose Data Source kısmından connection umuzu ayarlayalım..
Bu örnekte de MsSQL üzerinden verileri çekeceğimiz için SQL Database seçeneğini seçiyoruz..
Yeni bir bağlantı oluşturuyoruz..
1 - Server Name : Bu kısımdan Sql imizin seçimini yapıyoruz..
2 - Bu kısımda bağlantımızın Windows veya Sql Server Authentication seçeneklerinden biri ile bağlantı türümüzü belirleyip kullanıcı adı ve şifremizi belirtiyoruz.
3 - Bu kısımdan SQL Serverdaki hangi database ye bağlanacağımızın seçimini yapıyoruz..
Bu aşamadan sonra artık connection işlemimi hazır hale gelmiş oluyor.
Next ile devam ediyoruz.
Bu örnekte şart belirlemeden Next diyerek devam ediyoruz.. Şartımız varsa where vs.. kısımlarından düzenlememizi yapabiliriz.
Bu son aşamada sorgumuzu test edebiliriz yada Finish seçeneğine tıklayarak işlemi sonlandırabiliriz.
ListViewimizi Configure edelim..
ve nihayet veri kaynağından verileri ListView'e çektik. Şimdi projemizi çalıştıralım ve sonucu görelim..
Gördüğünüz üzere tek bir satır kod yazmadan verileri listeledik.
ListView için sayfa kodlarımız;
.jpg)
Açıkçası daha önce yazdığım makalede kullanığım bir örneğin görsellerinin bu örneğim içinde bire bir uygun olması çok fazla zahmete girmeden kısa sürede bir bu makaleyi yazmamı sağladı ki böyle olmasından dolayı pek bir keyif alabildiğimi söyleyemem.
Makaleyi sonlandırmadan önce ;
Configure ListView kısmında ListView'de görüntülenecek olan verilerin ne şekilde listeleneceğine farklı seçenekler ile karar vermekteydik. Bu anlamda verilerin tek satırda birer tane olması şeklinde değilde yan yana belli bir sayıda listelenmesi vfeya verilen sayfalanması (bir sayfada belli bir sayıda listelenmesi) gibi farklı seçenekler ile ' de listeleyebilme şansına sahibiz.
Makaleyi okuyan arkadaşlarımız için faydalı olması dileyiğiyle..
Mahmut TEMUR
http://www.mahmuttemur.com
e-posta : mahmuttemur@windowslive.com
|