Asp.Net’te DataList Kontrolü Nasıl Yapılır?

Asp.Net’te DataList Kontrolü Nasıl Yapılır? Herkese iyi pazarlar sevgili okurlar; Pazar günü ufak bir Asp.net dersi iyi gider diye düşünerek size muhteşem bir konudan söz edeceğim. Sizlere datalist kontrolünü kullanarak veri tabanındaki resimleri web sayfası üstünde göstermeyi anlatacağım. Öncelikle kısaca Datalist’in ne olduğundan biraz bahsedeyim. Datalist; Ürün Listeleme de, Menü Yapma ve Resim galerisi imalinde kullanabiliriz. Öncelikle veritabanımıza (adı HOTEL) Resimler diye tablo oluşturalım.tablomuzun içine ResimID ve ResimUrl diye iki tane property ekleyelim. ResimUrl niteliğine resimlerimiz hangi dosya içerisinde bulunduğunun uzantısı ekliyoruz. Database kısmında bu işlemleri yaptıktan sonra visual studio kısmına geçerek Galeri adında bir tane web page açalım… Galeri sayfasının html tarafına bir tane datalist ekliyelim ve aşağıdaki kodları yazalım. 1 <asp:Content ID=”Content1” ContentPlaceHolderID=”cphMaster” runat=”server”> 2 <asp:DataList ID=”dlOdalar” runat=”server” RepeatColumns=”3” RepeatDirection=”Vertical”> üç <HeaderTemplate> 4 <h3> 5 << Resimlerimiz >> altı </h3> 7 </HeaderTemplate> 8 <ItemTemplate> 9 <div style=”width:300; height=250; border-style:solid”> on <asp:Image ID=”resim” Width=”310” Height=”200” ImageUrl=’<%#Eval(“ResimUrl”)%>’ runat=”server” /> 11 </div> 12 </ItemTemplate> 13 </asp:DataList> 14 </asp:Content> Yukarıdaki kodu yazdıktan sonra web sayfamızın cod behind tarafına geçerek lüzumlu kodumuzu Page_Load olayına yazıyoruz. 1 protected void Page_Load(object sender, EventArgs e) 2 { üç 4 5 string connectionString = “Data source=.;Initial Catalog=HOTEL; Integrated Security=true”; altı SqlConnection connection = new SqlConnection(connectionString); 7 if (connection.State == ConnectionState.Closed) 8 connection.Open(); 9 on SqlCommand command = new SqlCommand(“select * from Resimler “, connection); 11 SqlDataReader dr = command.ExecuteReader(); 12 13 dlOdalar.DataSource = dr; 14 dlOdalar.DataBind(); 15 connection.Close(); 16 17 } Code behind kısmında bunları yaptıktan sonra sayfamızı çalıştırarak web üstünde resimleri görebiliriz. Bu makalemizdeki dersimiz bu kadar.


Yapılan Yorumlar
Erdem OFLAZ

Bir mum, diğer mumu tutuşturmakla ışığından bir şey kaybetmez.
 Kategoriler
 Popüler yazılar