How to set a hyperlink for entire row in gridview placed onmouseover

See more:

ASP.NET

C#3.5

Dear Friends,

I have working with GridView. I need to set a hyperlink for entire row, i have develop that one. But whenever click on SName only I got the next page rest of the columns I don't have link. The following code I have used.

Design

<asp:GridView ID="GridView1" runat="server">

<asp:TemplateField HeaderText="SName"
<ItemTemplate>
<a href='<%#"StuDetails.aspx?Id="+DataBinder.Eval(Container.DataItem,"Id") %>' target="_blank">
<%#Eval("SName")%>
</a>
</ItemTemplate>
</TemplateFiled>

<asp:BoundField DataField="SName" HeaderText="Student Name" />
<asp:BoundField DataField="SMarks" HeaderText="Student Marks" />
<asp:BoundField DataField="SDOB" HeaderText="Student DOB" />

C# Code:

protected void GridView1_RowCreated1(object sender, GridViewRowEventArgs e)
    {
        if (e.Row.RowType == DataControlRowType.DataRow)
        {
            e.Row.Attributes.Add("onmouseover", "this.className='mouseover'");
            e.Row.Attributes.Add("onmouseout", "this.className='mouseout'");

            e.Row.Attributes["onclick"] = this.Page.ClientScript.GetPostBackClientHyperlink(this.GridView1, "Select$" + e.Row.RowIndex);

        }
    }

Note:

How to use "~/StuDetails.aspx?Id="+DataBinder.Eval(Container.DataItem,"Id") target="_blank" in place "Select$"

Thanks in advance.