Clickable link in RadGrid column

Question

I have a RadGrid where a column in the grid holds a URL. When a put a value in the column I can see the URL but the URL is not clickable (to go to the URL). How can I make the URL clickable?

Here is a rough example of what I'm doing now:

DataTable table = new DataTable();
DataRow row = table.Rows[0];
row["URL"] = "http://www.google.com";
grid.DataSource = table;

In addition I'd really like to show specific text instead of the URL. Something similar to <a href="http://www.google.com">Link</a> in HTML. Is there anyway to do this?

score 8 · Answer 1 · answered Apr 07 '10 at 07:19

8

Have you tried the GridHyperLinkColumn? Below is a detailed example.

<telerik:GridHyperLinkColumn FooterText="HyperLinkColumn footer" DataTextFormatString="Search Google for '{0}'" DataNavigateUrlFields="CompanyName" UniqueName="CompanyName" DataNavigateUrlFormatString="http://www.google.com/search?hl=en&amp;q={0}&amp;btnG=Google+Search" HeaderText="HyperLink<br/>Column" DataTextField="CompanyName"></telerik:GridHyperLinkColumn>

You can also view the demosite to see how it works. http://demos.telerik.com/aspnet-ajax/grid/examples/generalfeatures/columntypes/defaultcs.aspx

answered Apr 07 '10 at 07:19

Michael Grassman

1,935
13
21

Thanks Michael, Is it possible to use javascript onclick event as like:
Ajax, Advanced Functions

Sensa

May 15 '12 at 14:49

I like to have this on click in – Sensa May 15 '12 at 14:49

score 6 · Accepted Answer · answered Apr 08 '10 at 18:13

Add all the columns manually in the ascx page and make the column you want to contain the hyperlink a GridTemplateColumn:

<telerik:GridTemplateColumn 
    UniqueName="TemplateLinkColumn" 
    AllowFiltering="false" 
    HeaderText="URL">
    <ItemTemplate>
        <asp:HyperLink ID="Link" runat="server"></asp:HyperLink>
    </ItemTemplate>
</telerik:GridTemplateColumn>

Make sure that your grid has an OnItemDataBound method:

<telerik:RadGrid 
    ID="RadGrid" 
    runat="server" 
    AutoGenerateColumns="False" 
    OnItemDataBound="RadGrid_ItemDataBound" >

In your OnItemDataBound method set the field to the URL:

protected void RadGrid_ItemDataBound(object aSender, GridItemEventArgs anEventArgs)
{
    //Get the row from the grid.
    GridDataItem item = anEventArgs.Item as GridDataItem;
    GridTableCell linkCell = (GridTableCell)item["TemplateLinkColumn"];
    HyperLink reportLink = (HyperLink)reportLinkCell.FindControl("Link");

    // Set the text to the quote number
    reportLink.Text = "Google";

    //Set the URL
    reportLink.NavigateUrl = "http://www.google.com";

    //Tell it to open in a new window
    reportLink.Target = "_new";
}

It gives me null pointer exception in this line GridTableCell linkCell = (GridTableCell)item["TemplateLinkColumn"]; — DEVANG SHARMA, Oct 29 '11 at 10:31
Small typo in the line that sets reportLink: that should just be HyperLink reportLink = (HyperLink)linkCell.FindControl("Link"); — John Dunagan, Jan 06 '15 at 22:17

score 0 · Answer 3 · answered Nov 28 '14 at 11:42

0

You will also need to check for the correct type, as follows;

if (anEventArgs.Item.GetType().Name != "GridDataItem")
{
    return;
}

answered Nov 28 '14 at 11:42

Phil

1

Clickable link in RadGrid column

3 Answers3