Please refer below code.
HTML
<div>
<div style="background-color: pink; border: solid; color: green; text-align: right">
<a href="AddProduct.aspx">Goto Add Products Page</a>
</div>
<div>
Total Cost :<asp:Label ID="lblTotal" runat="server"></asp:Label>
</div>
<div align="center">
<asp:DataList ID="Datalist1" runat="server" RepeatDirection="Horizontal" RepeatColumns="1">
<ItemTemplate>
<table>
<tr>
<td rowspan="7">
<asp:Image ID="Productimage" Height="200" Width="180" runat="server" ImageUrl='<%#"~/Admin/Upload/" + Eval("ImageName") %>' />
</td>
</tr>
<tr>
<th>
Product Id
</th>
<th>
:
</th>
<td>
<asp:TextBox ID="txtProductId" runat="server" Text='<%#Eval("ProductId") %>'></asp:TextBox>
</td>
</tr>
<tr>
<th>
Product Name
</th>
<th>
:
</th>
<td>
<%#Eval("Productname") %>
</td>
</tr>
<tr>
<th>
Product Brand
</th>
<th>
:
</th>
<td>
<%#Eval("BrandName") %>
</td>
</tr>
<tr>
<th>
Product Price
</th>
<th>
:
</th>
<td>
<%#Eval("Productprice") %>
</td>
</tr>
<tr>
<th>
Product Desc
</th>
<th>
:
</th>
<td>
<%#Eval("ProductDescription") %>
</td>
</tr>
<tr>
<th>
Image Name
</th>
<th>
:
</th>
<td>
<%#Eval("ImageName") %>
</td>
</tr>
<tr>
<td colspan="3">
<asp:Button ID="btnAddCart" runat="server" Text="Add To Cart" OnClick="btnAddCart_Click" />
</td>
</tr>
</table>
</ItemTemplate>
</asp:DataList>
</div>
</div>
C#
protected void Page_Load(object sender, EventArgs e)
{
if (!this.IsPostBack)
{
DataTable dt = new DataTable();
dt.Columns.AddRange(new DataColumn[] { new DataColumn("ProductId"),
new DataColumn("Productname"),
new DataColumn("BrandName"),
new DataColumn("Productprice"),
new DataColumn("ProductDescription"),
new DataColumn("ImageName")
});
dt.Rows.Add(1, "Chrysanthemum", "Flower", 125.00, "Flower", "Chrysanthemum.jpg");
dt.Rows.Add(2, "Hydrangeas", "Flower", 130.00, "Flower", "Hydrangeas.jpg");
dt.Rows.Add(3, "Jellyfish", "Fish", 100.00, "Fish", "Jellyfish.jpg");
dt.Rows.Add(4, "Penguins", "Penguins", 100.00, "Penguins", "Penguins.jpg");
Datalist1.DataSource = dt;
Datalist1.DataBind();
}
}
protected void btnAddCart_Click(object sender, EventArgs e)
{
DataListItem item = (DataListItem)(sender as Button).NamingContainer;
string txtId = ((TextBox)item.FindControl("txtProductId")).Text.Trim();
this.ClientScript.RegisterStartupScript(this.GetType(), "alert", "alert('Id : " + txtId + "')", true);
}
Screenshot
