DataList Kontrolü

 

 

 

DataList kontrolü sunucu taraflı ASP.NET veri bağlama kontrolüdür. Bu kontrol ile belirli bir kaynaktan gelen verileri görüntüleyebiliriz, bu verileri seçme ve güncelleme işlemlerine de yapabiliriz. Ayrıca verileri görüntülerken, seçerken ve onları güncellerken verinin görünüşü ve sayfadaki yerleşimi de kolayca belirleyebiliriz.

 

 

 

 

 

 

Sayfamıza bir TollBox'dan Data bölümünden DataList Nesnesi ekleyelim.

 

DataList nesnesinin Task düğmesini tılayalım ve ayarlarına ulaşalım.

 

 

Task Bölümündeki menüler

AutoFormat: DataList için hazır şablon seçimi.

Choose Data Source:Veri Kaynağının seçimi

Property Builder:Çalışma Özellikleri

Edit Templates:Datalist için görünüm ayarları

 

 

 

Datalist nesnesinin veri gösterebilmesi için data kaynağına ihtiyaç duymaktadır.Choose Data Source özelliği ile veri kaynağı belirleyelim.

 

 

 

 

Veri kaynağı bağlandıktan sonra sayfa görünümüz yandaki resimde görüldüğü gibi olur.

 

Burada gösterilecek alanlar ve karşılğında da verileri temsilen değerler karşımıza gelir.

 

 

 

 

 

 

 

 

 

 

SqlDataSource ile DataList nesnelerimizi bağladıktan sonra projeyi çalıştırdığımızda verileri listelenecektir.

 

 

 

Projeyi çalıştırdığımızda aşağıdaki gibi sayfayı elde ederiz.

 

 

 

 

 

 

 

 

 

 

 

Task penceresinden Auto Format ile görünümü değiştirelim.

 

Select a scheme ile hazır tema seçilir ve Preview ile temanın görünümüne hızlıca bakılır.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

DataList Templates

 

DataList kontrolünde görüntülenecek her bir veri satırı için şablonlar(template) kullanılabilir.

 

 

ItemTemplate:veritabanından gelen her bir satır veriyi nasıl görüntülemek istediğimizi belirlemek için kullanılır.

 

AlternatingItemTemplate: Art arda gelen veri satırlarının birinin diğerinden farklı olması için kullanılır. Bu sayede verilerin okunması kolaylaşır.

HeaderTemplate Kontrolünün verileri alt alta yazmasından önce sadece en üstte bir defa görünen başlık içindir.

 

FooterTemplate En altında yine sadece bir defa görünen altlık diyebileceğimiz kısmın şablonudur.

 

SeperatorTemplate Veritabanından gelen her bir satırı diğerinden ayırmak için kullanılabilir. Mesela bir yatay çizgi (<hr>) gibi.

 

SelectedItemTemplate Kullanıcını seçtiği kayıdı ve seçtikten sonra yeni bilgiler görüntülenecekse; bun verilerin nasıl görüntüleneceklerini belirler.

 

EditItemTemplate Bir kaydın güncelleme sırasında görüntüsünün nasıl olacağını belirler

 

 

 

 

 

 

ItemTemplate:

 

 

Verilerin ekrandaki görüntüsünün ayarlandığı template'dir.Html ve Css ile istenilen tasarım ayarlanabilir.

 

 

 

HeaderTemplate:

DataList için başlık template'dir.