Kurumsal Otomasyon Çözümlerinde Zirve

Asp.Net 3.5 ile Gelen ListView Kontrolünü Tanıyalm

Asp.Net 3.5 ile Gelen ListView Kontrolü
ASP.NET 3.5’ten önce yazılımcılar Veri kaynaklarından çekilen verileri göstermek için Gridview,Form View, Datalist vb. kontrollerden birini seçmek durumundaydılar. Bu seçim genel olarak kontrolün o anki ihtiyacı ne kadar karşıladığı ile ilgiliydi. Örneğin Gridview kontrolünü seçen kullanıcı listeleme yapmaktan pek öteye gidemez, DataList’i kullanan kişi ise görsel olarak etkindir ama Paging gibi çok önemli bir özellikten yoksun kalır.

ASP.NET 3.5 ile hayatımıza giren ListView kontrolü ile birçok engel aşılmış oldu. ListView bir nevi bu kontrollerin birleşimi gibidir.

Şimdi bir örnek yapalım ve olayı ListView örneği ile anlamlandıralım.

1.Adım: Bir adet Asp.Net projesi oluşturunuz.
2.Adım: Veri kaynağınızı belirleyiniz. Ben elimde hazır bulunan bir Access veritabanını kullanacağım. Access veritabanımı Projemin ana dizinine yapıştırdım.

3.Adım: Projenize veri kaynağınıza göre DataSource Kontrolü ekleyiniz. Ben AccessDataSource ekliyorum.

4.Adım: AccessDataSource ile istediğiniz verileri çekiniz.
5.Adım: Sayfanıza bir adet ListView ekleyiniz.
6.Adım: ListView’in DataSource özelliğini AccessDataSource1 olarak gösteriniz.

ID=”ListView2″ runat=”server” DataSourceID=”AccessDataSource1″>
asp:ListView>
7.Adım: ListView e ait Smart tag ile Configure ListView seçeneğini seçiniz.

asp-net-3-5-ile-gelen-listview-kontrolunu-taniyalm-1

asp-net-3-5-ile-gelen-listview-kontrolunu-taniyalm-1

8.Adım: Gelen ekrandan ListViewin görünüşünü, stilini ve sayfalama işlemi olup olmayacağını seçebilirsiniz. Biraz kurcalayın. Ve OK butonuna tıklayın.

asp-net-3-5-ile-gelen-listview-kontrolunu-taniyalm-2

asp-net-3-5-ile-gelen-listview-kontrolunu-taniyalm-2

Artık SmartTagdan ListView’e ait View’lara ulaşabilirsiniz.

asp-net-3-5-ile-gelen-listview-kontrolunu-taniyalm-3

asp-net-3-5-ile-gelen-listview-kontrolunu-taniyalm-3

ListView içinde barındırdığı templatelardan oluşur. Bu templateları kullanarak ListView kontrolüne hükmedebilirsiniz. Şimdi oluşturduğum Templetalera göz atalım ve açıklayalım.

Aşağıdaki dizaynı inceleyerek yapıyı daha net anlayabilirsiniz.

ID=”ListView2″ runat=”server” DataKeyNames=”ID”

DataSourceID=”AccessDataSource1″>

ID:

resim:

ad:

fiyat:

aciklama:

kat:

 

span>
AlternatingItemTemplate>


div>

Fields>
asp:DataPager>
div>
LayoutTemplate>

resim:

ad:

fiyat:

aciklama:

kat:

 

span>
InsertItemTemplate>

ID:

resim:

ad:

fiyat:

aciklama:

kat:

 

span>
SelectedItemTemplate>

No data was returned.span>
EmptyDataTemplate>

ID:

resim:

ad:

fiyat:

aciklama:

kat:

 

span>
EditItemTemplate>

ID:

resim:

ad:

fiyat:

aciklama:

kat:

 

span>
ItemTemplate>
asp:ListView>
Buradaki ;
RunTimeView: Çalışma anında son kullanıcıcnın göreceği görüntüdir.

AlternatingItemTemplate: Bir biri ardına gelen kayıtlarda yapılabilecek farklılıkların ayarlanabildiği kısımdır. Örneğin; bir kayıtta resmin solda bir sonrakinde sağda gelmesini isterseniz AlternatingItemTemplate tam size göre.

EditItemTemplate: Update İşlemlerinde kullanılacak template.

InsertItemTemplate: Ekleme(insert) işlemi için kullanılan templatedir.

ItemTemplate: Bu Template en çok kullanılacak görünümdür. Datalist’te ki gibi kayıt elemanlarına ait dizaynı yapacağınız kısımdır.

EmptyItemTemplate: Eğer kayıt yoksa gelecek olan görüntünün belirlendiği görünümdür.

Burada da göründüğü gibi ListView’e müdahele etmek işinize uygun görünümü seçip ona göre ayarlamalar yapmaktan ibarettir.

Diğer Yazılarımda görüşmek üzere.

Yorum Yapılmamış

Bir cevap yazın