Grid View Row Highlighting

Tip Of The Day - Remove Grid View Row Highlighting on Edit Mode

Typically we will attach the mouseover and mouseout client-side events on the gridview rows to highlight rows on mouseover, but there are cases that we don't want to make the row highlighted when we are on edit mode. To do this we can check the GridView EditIndex to determine if the row is on edit mode and then do the validation there. Here's a sample code block below of what I am talking about:

 VB :

Protected Sub GridView1_RowDataBound(sender As Object, e As GridViewRowEventArgs)

        If e.Row.RowType = DataControlRowType.DataRow Then

               Dim onmouseoverStyle As String = 

"this.style.backgroundColor='blue';this.style.color ='white';"

               Dim onmouseoutStyle As String =

 "this.style.backgroundColor='white';this.style.color ='black';"

               If GridView1.EditIndex <> -1 Then

                       e.Row.Attributes.Remove("onmouseover")

               Else

                       e.Row.Attributes.Add("onmouseover", onmouseoverStyle)

                       e.Row.Attributes.Add("onmouseout", onmouseoutStyle)

               End If

        End If

End Sub

As you can see the code above is very straight forward. What it does is it checks if the gridview is on edit mode and when it's on edit mode we removed the onmouseover attribute and when it's not we attach the onmouseover attribute again and apply the desired styles. That's simple!