C# – Changing Gridview row style onclicking a hyperlink field

asp.netcgridviewhyperlink

I have an ASP.NET(2.0 using C#) web app, in which I have a gridview on a page(My_Page.aspx). The gridview gets its data from an Oracle database. I have a Hyperlinkfield in the gridview, which when clicked, postsback to the same page, but with details of the item clicked(using QueryString).

<asp:HyperLinkField DataNavigateUrlFields="ID" 
                    DataNavigateUrlFormatString="My_Page.aspx?id={0}"
                    DataTextField="NAME" 
                    HeaderText="Item1" 
                    SortExpression="NAME" />

I wanted to know how to change the style of the row in which I clicked the Hyperlink.

Any Ideas?

Thank you.

Best Answer

First, a HyperLink(Field) does generally not post back, but in your case, requests the same page with new parameters.

To set a CSS class for a GridView row, use the RowCreated event to do something like this:

protected void GridView_RowCreated(object sender, GridViewRowEventArgs e)
{
    if (e.Row.RowType == DataControlRowType.DataRow)
        if (e.Row.DataItem.ToString() == Request["id"])
            e.Row.CssClass = "highlighted-css-class";
}

Related Solutions

C# – Not Changing Header Text Color In Gridview through using CSS

The CSS class you've assigned (GridHeaderStyle) is being applied to the header cells, not the header links. It sounds like the default link color is being applied.

Add the following to your CSS file:

.GridHeaderStyle a {color: red;}

This should change the link color in the headers.

Hope this helps!

C# – Getting index of a gridview when hyperlinkfield is clicked

In your example, the "index" or rather "id" of the hyperlink that was clicked will be in Request.QueryString["id"]

You could compare the ID from the querystring with the ID of the row you are binding to in the RowDataBound event.

Alternatively you could use a <%# DataBinder.Eval %> in your aspx to set the style based upon the ID field and the query string.

EDIT: Code Sample, try adding this to your code behind.

    protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
    {
        if (e.Row.RowType == DataControlRowType.DataRow)
        {
            if(Request.QueryString["id"] != null &&
                Request.QueryString["id"] == DataBinder.Eval(e.Row.DataItem, "id").ToString())
            {
                e.Row.Style.Add("font-weight", "bold");
            }
        }
    }

Best Answer

Related Solutions

C# – Not Changing Header Text Color In Gridview through using CSS

C# – Getting index of a gridview when hyperlinkfield is clicked

Related Topic