This
article will show you how you can bind a hyperlink control to gridview in
asp.net using c#.net.
In this article I have used asp.net hyperlink
control to generate a hyper link inside the TemplateField’s ItemTemplate.
Some of my
previous articles are as follows: Enable
Or Disable All GridView Button On Check Of CheckBox Using jQuery, Bind
HyperLink Control With URL Parameter To GridView In Asp.net Using C#, Ajax
GridView Shorting Without Page Refresh Using jQuery In Asp.net and C#.Net, How
To Use Hyper Link Tag In Gridview In Asp.Net C#, Enable
Or Disable GridView Button By Row CheckBox Using jQuery In Asp.Net, Browse,
Read and Populate or Show or Bind CSV File Data In GridView Using C#.Net in
Asp.net, Bind
Class Property to GeidView Using C#.net In Asp.net, Gridview
Auto Generate Row Number In Asp.Net Using C#.Net.
So for this
article first I have created an asp.net application and add the below code of gridview which
have TemplateField.
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm7.aspx.cs" Inherits="WebApplication7.WebForm7" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Bind HyperLink
Control To GridView In Asp.net Using C#</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:GridView ID="GridView1"
runat="server" AutoGenerateColumns="False">
<Columns>
<asp:BoundField DataField="CountryName"
HeaderText="Country Name"
/>
<asp:BoundField DataField="Population"
HeaderText="Population"
/>
<asp:BoundField DataField="Code" HeaderText="Code" />
<asp:TemplateField HeaderText="Link">
<ItemTemplate>
<asp:HyperLink ID="HyperLink1"
runat="server" NavigateUrl='<%# Eval("Link") %>'>Detail</asp:HyperLink>
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
</div>
</form>
</body>
</html>
|
In above code inside the ItemTemplate I have added an asp.net hyperlink control. This control’s NavigateUrl I have bind with the link field.
With the
help of edit template we can bind the navigation url of hyperlink.
Now check
the code to bind the grid view.
using System;
using
System.Collections.Generic;
using System.Data;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
namespace WebApplication7
{
public partial class WebForm7 : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
DataTable dt = new DataTable();
dt = GetCountryData();
GridView1.DataSource = dt;
GridView1.DataBind();
}
private DataTable GetCountryData()
{
DataTable dt = new DataTable();
dt.Clear();
dt.Columns.Add("CountryName");
dt.Columns.Add("Population");
dt.Columns.Add("Code");
dt.Columns.Add("Link");
DataRow dataRow1 =
dt.NewRow();
dataRow1["CountryName"] = "India";
dataRow1["Population"] = "125
Cr";
dataRow1["Code"] = "IN";
dataRow1["Link"] = "http://www.india.com";
dt.Rows.Add(dataRow1);
DataRow dataRow2 =
dt.NewRow();
dataRow2["CountryName"] = "Pakistan";
dataRow2["Population"] = "50
Cr";
dataRow2["Code"] = "PK";
dataRow2["Link"] = "http://www.pakistan.com";
dt.Rows.Add(dataRow2);
DataRow dataRow3 =
dt.NewRow();
dataRow3["CountryName"] = "United
States";
dataRow3["Population"] = "25
Cr";
dataRow3["Code"] = "US";
dataRow3["Link"] = "http://www.unitedstated.com";
dt.Rows.Add(dataRow3);
return dt;
}
}
}
|
In above code I have added a new column “Link”, which is having the navigation url to bind with the hyperlink control. Now we have done run the application to check the output.
About the Author
0 comments:
Please let me know your view