Set custom NavigateUrl value from gridview c#

Question

I have a gridview in which I want to load a users details. In this gridview I want to make the users phone number a hyperlink. This is so they can click on the link and it automatically rings the number using the phone software stored on the their pc. This works fine if you use the below syntax in html:

   <a href = "tel:07123456789">07123456789</a>

My issue is that I want to do this in a gridview which populattes the phone number. The html has to have the 'tel:' bit in front of it first. I have tried everything please help! I want essentially above but to render in gridview with the loaded HomeNo where the phone number should be...HElp! Gridview:

   <asp:GridView ID="GridView1" runat="server" OnSelectedIndexChanged="GridView1_SelectedIndexChanged" AllowPaging="True" AutoGenerateColumns="False" DataKeyNames="ID" DataSourceID="ds">
           <Columns>

               <asp:BoundField DataField="ID" HeaderText="ID" InsertVisible="False" ReadOnly="True" SortExpression="ID" />
               <asp:HyperLinkField DataTextField="HomeNo" HeaderText="HomeNo" NavigateUrl="tel:"  />
            </Columns>
       </asp:GridView>

fnostro · Accepted Answer · 2015-02-06 22:44:04Z

3

<asp:GridView ID="GridView1" runat="server"  OnSelectedIndexChanged="GridView1_SelectedIndexChanged" AllowPaging="True" AutoGenerateColumns="False" DataKeyNames="ID" DataSourceID="ds">
   <Columns>
      <asp:BoundField DataField="ID" HeaderText="ID" InsertVisible="False" ReadOnly="True" SortExpression="ID" />
      <asp:TemplateField>
         <ItemTemplate>
           <asp:HyperLink ID="HyperLink1" runat="server" 
                NavigateUrl='<%# Eval("HomeNo", "tel:{0}") %>' 
                       Text='<%# Eval("NomeNo") %>'></asp:HyperLink>
         </ItemTemplate>
      </asp:TemplateField>
   </Columns>
</asp:GridView>

answered Feb 6, 2015 at 22:44

fnostro

4,5911 gold badge17 silver badges24 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

wubblyjuggly Over a year ago

Yey thanks very much! Thats the solution I was looking for. Turns out I wasnt far off!

MethodMan · Accepted Answer · 2015-02-06 16:21:44Z

2

you would need to do this inside of an also if you have data it's reading from you need to do some code inside of the DataBound Event of the DataGrid

for example I have names and email addresses as a link in my current datagrid here is how I do it

<asp:TemplateColumn HeaderText="Scheduler" HeaderStyle-Font-Bold="true" HeaderStyle-Width="145">
    <ItemTemplate>
        <a href='<%#Eval("Email_Address") %>' ><%# Eval("Scheduler") %></a>
    </ItemTemplate>
    <HeaderStyle Font-Bold="True" />
</asp:TemplateColumn>

protected void dgShippers_DataBinding(object sender, EventArgs e)
{
    foreach (DataRow r in dtShippers.Rows)
    {
        if (!System.Uri.IsWellFormedUriString(r.ItemArray[3].ToString(), UriKind.Absolute))
        {
            var tempHref = "<a href=mailto:" + r.ItemArray[4].ToString() + " />" + r.ItemArray[3].ToString()+ "</a>";
            r.Table.Rows[0]["Scheduler"] = tempHref;
        }
    }
}

answered Feb 6, 2015 at 16:21

MethodMan

18.9k6 gold badges41 silver badges53 bronze badges

4 Comments

DaneEdw Over a year ago

This is what he would need if he were using a DataGrid, but he is using a Gridview. So it should be a TemplateField

MethodMan Over a year ago

That's correct.. @DaneEdw I did this using a DataGrid

MethodMan Over a year ago

if his original code I think he could just cast the field in reference as (HyperLink) for example ( (HyperLink)GridView1.Rows[e.RowIndex].Cells[0].Controls[0] ).Text

CheGueVerra Over a year ago

string.Format() vs fooObject.SomeProperty.ToString() which is better ?

Collectives™ on Stack Overflow

Set custom NavigateUrl value from gridview c#

2 Answers 2

1 Comment

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related