Kurumsal ve Kişisel ASP.NET C# SQL Eğitiminde Ankara'da Zirve

Temel Hatlari Ile DataList Kontrolü

Temel Hatlari ile DataList Kontrolü

Bu yazimda sizlere DataList kontrolünü temel hatlari ile tanitmaya ve kullanimini anlatmaya çalisacagim.

Datalist kontrolü aslinda gridview kontrolune çok benzemektedir. Ikisi de veri kaynaklarindan çekilen verileri göstermek için kullanilir ama  aralarindaki en büyük  farklardan biri dataliste sekilsel olarak müdehale edebilmektir.

Öncelikle datalist kontrolüne veri saglayabilecek kontrolleri yazalim;

Bunlar Accessdatasource,Sqldatasource,XMLdatasource,Objectdatasource dur. Siz istediginiz veri kaynagi ile çalisarak DataList kontrolüne veri saglayabilirsiniz.

Toolboxsdan sürükledigimiz  datalistimizi dizayn sayfamizin üstüne getirip birakalim. Asagidaki gibi bir görüntü olusacaktir.

temel-hatalari-ile-datalist-kontrolü-1

temel-hatalari-ile-datalist-kontrolü-1

Bu islemden sonra bir de veri çekebilmek için bir adet “accessdatasource” kontrolü koyalim. Tabi siz baska veri kaynaklari ile çalisabilirsiniz.

temel-hatalari-ile-datalist-kontrolü-2

temel-hatalari-ile-datalist-kontrolü-2

 

Yanda açilan menüden  “configure datasource” seçenegini seçelim.

temel-hatalari-ile-datalist-kontrolü-3

temel-hatalari-ile-datalist-kontrolü-3

 

Karsimiza gelen menüden  “browse” yardimiyla projemize önceden ekledigimiz. “Mdb”  dosyamizi seçelim ve  “ok” tusuna basalim bu islemden sonra ” next”  tusuyla ilerliyelim.

temel-hatalari-ile-datalist-kontrolü-4

temel-hatalari-ile-datalist-kontrolü-4

 

Yeni gelen menüde kullanicagimiz sütunlari seçelim biz hepsini göstermek istiyoruz.Bunun için

“*”  seçelim ve “next” tusuna basalim ve gelen menüde finish”   diyerek islemimizi tamamlayalim.

temel-hatalari-ile-datalist-kontrolü-5

temel-hatalari-ile-datalist-kontrolü-5

 

 

Bu islemden sonra datalistimizin  üst sag kösesimdeki oku tiklayarak yukardaki menüyü açalim. Burada “Choose Data Source”  özelligindeki dropdown kontrolünden “Accessdatasource1” i seçelim. Seçtikten  sonra DataList asagidaki gibi bir sekil  alacaktir.

temel-hatalari-ile-datalist-kontrolü-6

temel-hatalari-ile-datalist-kontrolü-6

 

Artik datalist bilgileri gösterebilmektedir.Düzenlemeler için  sag üst kösedeki oku tekrar tiklayalim açilan menüde

temel-hatalari-ile-datalist-kontrolü-7

temel-hatalari-ile-datalist-kontrolü-7

 

“Auto format” bizim için hazirlanmis formatlar içermektedir herhangi begendigimiz formatta DataListimizi gösterebiliriz.“Configure Data Source” seçenegi ise olusturmus oldugumuz baglantida degisiklik yapmamizi saglar.“Refresh schema” seçenegi baglantiyi yenilememizi saglar.

“Property builder” seçenegi datalistimiz üzerinde görsel degisiklikler yapmamizi saglar(yazi tipi,yazi rengi v.b.)

“Edit templates” seçenegi ise;

temel-hatalari-ile-datalist-kontrolü-8

temel-hatalari-ile-datalist-kontrolü-8

Her bir veri grubunun nasil görünmesini istiyorsak, bize onu dizayn etme imkani verir.

Örnek  olarak bir” label”  koyalim ve içine  www.yazilimdevi.com yazalim.

temel-hatalari-ile-datalist-kontrolü-9

temel-hatalari-ile-datalist-kontrolü-9

Bu islemden sonra “end template editing”  seçenegiyle tasarimdan çikalim.Projemizi çalistirdigimizda site görüntüsü asagidaki gibi olucaktir.Her bilgi gurubunun altinda görünecektir.

temel-hatalari-ile-datalist-kontrolü-10

temel-hatalari-ile-datalist-kontrolü-10

Bunun disinda “label” yerine “linkbutton” koyarak tikladigimizda  istenilen bilgilerin diger sayfaya aktarilmasinida saglayabiliriz.

Baska yazilarimda görüsmek üzere.

Yorum Yapılmamış

Bir cevap yazın