How to add Eval for hyperlink in gridview in asp.net?

In this post we will discuss how we can add Eval property into hyperlink field in gridview in Asp.Net.

In this schnerio, we will see how a user can navigate to a different page with a query string parameter. In the below code it will see a list of usernames which are binding from the database. Then whenever a user clicks on a particular username, then it will navigate to a UserDetails page with taking UserID as a querystring parameter.

Full Code:

<asp:TemplateField HeaderText="Name">

        <itemtemplate>

         <asp:HyperLink ID="hylMachineNum" runat="server" NavigateUrl='<%# "~/UserDetails.aspx?UserID=" + Eval("UserID")%>' Text='<%#Eval("UserName")%>'>

          </asp:HyperLink>

</itemtemplate>

    </asp:TemplateField>

Here the Text value is coming from the Eval property by the following syntax.

Text='<%#Eval("UserName")%>'

And the NavigateURL property is coming from the below property:

NavigateUrl='<%# "~/UserDetails.aspx?UserID=" + Eval("UserID")%>'