Tuesday, 20 August 2013

Display Image (path stored in database ) in gridView using Asp.net

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="DisplayImages1.aspx.cs" Inherits="GrudViewImage.DisplayImages1" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" DataKeyNames="Id" DataSourceID="SqlDataSource1">
            <Columns>
                <asp:BoundField DataField="Id" HeaderText="Id" ReadOnly="True" SortExpression="Id" />
                <asp:BoundField DataField="Name" HeaderText="Name" SortExpression="Name" />
                <asp:BoundField DataField="image" HeaderText="image" SortExpression="image" />
                <asp:ImageField  DataImageUrlField="image" ControlStyle-Width="100"
        ControlStyle-Height = "100"  HeaderText = "Preview Image"/>
            </Columns>
        </asp:GridView>
        <asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:GridViewImageExampleConnectionString %>" SelectCommand="SELECT * FROM [GridViewImage]"></asp:SqlDataSource>
    </div>
    </form>
</body>
</html>



No comments:

Post a Comment