Hi Amit1992,
Refer below sample.
HTML
CS.aspx
<asp:DataList ID="DataList1" runat="server" RepeatColumns="3" RepeatDirection="Horizontal"
OnItemCommand="DataList1_OnItemCommand">
<ItemTemplate>
<div id="pricePlans">
<ul id="plans">
<li class="plan">
<li class="planContainer">
<li class="title">
<h2>
<asp:Label ID="Label1" runat="server" Text='<%#Bind("pro_title") %>'></asp:Label>
</h2>
</li>
<li class="title">
<asp:Image ID="imgPhoto" runat="server" ImageUrl='<%#Bind("image") %>' />
</li>
<br />
<ul class="options">
<li><span>
<asp:Label ID="lbldescrp" runat="server" Text='<%#Bind("description") %>'></asp:Label>
</span></li>
<li><span>
<asp:Label ID="lblPrice" runat="server" ForeColor="Red" Text='<%#Bind("pro_price") %>'></asp:Label>
</span></li>
</ul>
</li>
<br />
<asp:Button ID="Button1" runat="server" CssClass="buton" Text="Full Details" CommandArgument='<%#Eval("pro_id")%>'
CommandName="viewdetail" CausesValidation="False" />
</li>
</ul>
</div>
</ItemTemplate>
</asp:DataList>
Default.aspx
<asp:DataList ID="DataList1" runat="server" DataSourceID="SqlDataSource1">
<ItemTemplate>
<asp:Label ID="Label1" runat="server" Text='<%#Eval("pro_title") %>'></asp:Label>
<br />
<asp:Image ID="imgPhoto" runat="server" Width="140px" Height="145px" ImageUrl='<%#Eval("image") %>' />
<br />
<asp:Label ID="lbldescrp" runat="server" Text='<%#Eval("description") %>'></asp:Label>
<br />
<asp:Label ID="lblPrice" runat="server" ForeColor="Red" Text='<%#Eval("pro_price") %>'></asp:Label>
</ItemTemplate>
</asp:DataList>
<br />
<br />
<asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:constr %>"
SelectCommand="SELECT * FROM [ProductData] WHERE ([pro_id] = @pro_id)">
<SelectParameters>
<asp:QueryStringParameter Name="pro_id" QueryStringField="pro_id" Type="String" />
</SelectParameters>
</asp:SqlDataSource>
Namespaces
C#
using System.Data;
using System.Data.SqlClient;
using System.Configuration;
VB.Net
Imports System.Data
Imports System.Data.SqlClient
Imports System.Configuration
Code
C#
protected void Page_Load(object sender, EventArgs e)
{
if (!this.IsPostBack)
{
string constr = ConfigurationManager.ConnectionStrings["constr"].ConnectionString;
SqlConnection con = new SqlConnection(constr);
SqlCommand cmd = new SqlCommand("SELECT * FROM ProductData", con);
SqlDataAdapter da = new SqlDataAdapter(cmd);
DataTable dt = new DataTable();
da.Fill(dt);
DataList1.DataSource = dt;
DataList1.DataBind();
}
}
protected void DataList1_OnItemCommand(object source, DataListCommandEventArgs e)
{
if (e.CommandArgument != null)
{
Response.Redirect("Default.aspx?pro_id=" + e.CommandArgument.ToString());
}
}
VB.Net
Protected Sub Page_Load(ByVal sender As Object, ByVal e As EventArgs)Handle Me.Load
If Not Me.IsPostBack Then
Dim constr As String = ConfigurationManager.ConnectionStrings("constr").ConnectionString
Dim con As SqlConnection = New SqlConnection(constr)
Dim cmd As SqlCommand = New SqlCommand("SELECT * FROM ProductData", con)
Dim da As SqlDataAdapter = New SqlDataAdapter(cmd)
Dim dt As DataTable = New DataTable()
da.Fill(dt)
DataList1.DataSource = dt
DataList1.DataBind()
End If
End Sub
Protected Sub DataList1_OnItemCommand(ByVal source As Object, ByVal e As DataListCommandEventArgs)
If e.CommandArgument IsNot Nothing Then
Response.Redirect("Default.aspx?pro_id=" & e.CommandArgument.ToString())
End If
End Sub
Screenshot
