mailto: Formatted Email Address in asp.net GridView or DetailsView Column using HyperLink control

I had an email address field in a GridView and I implemented a master detail data display using an asp.net GridView and asp.net DetailsView Controls. So I wished to display the email addresses so that one could directly email someone. I maintained to use a hyperlink and give a try to the old method, in which I added one HyperLinkField field in the columns field of an asp.net GridView, like below.

<asp:HyperLinkField
HeaderText="E-mail"
DataTextField="Email"
DataNavigateUrlFormatString="mailto:{0}"
DataNavigateUrlFields="Email"
/>

But this did not work. Using HyperLink only displays the email address but does not provide the link to mail. They say there are some security reasons associated with ImageField and HyperLink Field in the later version. So I had to go much search and finally I found it. The trick is simple. Add a template field and use a hyperlink control, like the one below.

<asp:TemplateField
HeaderText="E-mail"
SortExpression="Email">

<ItemTemplate>

<asp:HyperLink
ID="HyperLink1"
runat=server
Text='<%# Eval("Email") %>'
NavigateUrl='<%# Eval("Email", "mailto:{0}") %>'
/>

</ItemTemplate>

</asp:TemplateField>

Note: You can place your own Email Data column field in the Eval( "myFiledID") expression.

Happy Programming!!