Asp.Net Dersi - DataList Kontrolü

ads

ads

Bu konumuzda, Asp.Net Data List kontrolü ile veritabanındaki görselleri, web site üzerinde  göstermeyi işleyeceğiz.

İlk önce, Bir tane tablo oluşturun adı ( Adile Sultan Sarayı ) olsun.  Oluşturduğunuz  tablonun içine, "ResimID" ve "ResimURL" isminde iki tane property ekleyin. Sonrasında, ResimUrl özelliğine resimlerinizin hangi belgeler içinde buluduğunun bilgilerini ekleyin. 

Yukarıda işlemleri  eksiksiz yaptıysanız, Database bölümünden çıkın ve  Visual Studio bölümüne gelin.  Bu bölümde Resimgaleri  isminde bir adet web page açın. 

ResimGaleri, sayfanızın HTML bölümüne bir adet DataList ekleyin. Aşağıda bulunan kodları yazmaya başlayın. 

<asp:Content ID="Content1" ContentPlaceHolderID="cphMaster" runat="server">
    <asp:DataList ID="dlOdalar" runat="server" RepeatColumns="3" RepeatDirection="Vertical">
        <HeaderTemplate>
            <h3>
                << Resimler >>
            </h3>
        </HeaderTemplate>
        <ItemTemplate>
            <div style="width:300; height=250; border-style:solid">
                <asp:Image ID="resimgaleri" Width="310" Height="200" ImageUrl='<%#Eval("ResimUrl")%>' runat="server" />
            </div>
        </ItemTemplate>
    </asp:DataList>
</asp:Content>

Yukarıdaki kodlama işlemlerini tamamladıysanız cod behind bölümüne geçin ve Page_Load olayıne aşağıdaki kodları yazın.

protected void Page_Load(object sender, EventArgs e)
        {
            

            string connectionString = "Data source=.;Initial Catalog=Adile Sultan Sarayı;Integrated Security=true";
            SqlConnection connection = new SqlConnection(connectionString);
            if (connection.State == ConnectionState.Closed)
                connection.Open();

            SqlCommand command = new SqlCommand("select * from Resimleriniz ", connection);
            SqlDataReader dr = command.ExecuteReader();

            dlOdalar.DataSource = dr;
            dlOdalar.DataBind();
            connection.Close();

        } 

ads