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 güzel bir konudan söz edeceğim. Sizlere datalist kontrolünü kullanarak veri tabanındaki resimleri web sayfası üzerinde göstermeyi anlatacağım. Öncelikle kısaca Datalist’in ne olduğundan biraz bahsedeyim. Datalist; Ürün Listeleme de, Menü Yapma ve Resim galerisi yapımında 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 özelliğine resimlerimiz hangi dosya içinde bulunduğunun uzantısı ekliyoruz.

Database kısmında bu işlemleri yaptıktan sonra visual studio tarafına geçerek Galeri adında bir tane web page açalım…

Galeri sayfasının html kısmı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">

3        <HeaderTemplate>
4            <h3>
5                << Resimlerimiz >>
6            </h3>
7        </HeaderTemplate>
8        <ItemTemplate>
9            <div style="width:300; height=250; border-style:solid">
10                <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 kısmına geçerek gerekli kodumuzu Page_Load olayına yazıyoruz.

1  protected void Page_Load(object sender, EventArgs e)
2        {
3
4
5            string connectionString = "Data source=.;Initial Catalog=HOTEL;
                                                  Integrated Security=true";

6            SqlConnection connection = new SqlConnection(connectionString);
7            if (connection.State == ConnectionState.Closed)
8                connection.Open();
9
10            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 üzerinde resimleri görebiliriz. Bu makalemizdeki dersimiz bu kadar.