GridView coloring on client side

[InK_]

Hi, All!

I need to accomplish such functionality:
A data row should be highlighted with the other color if cursor is over it.

I also have the old code from asp which uses
<tr onmouseover="co lorrow(this,'#E EEEEE');"
onmouseout="col orrow(this,'#FF FFFF');">

for every row of a table.

What can I do to achieve the same for GridView or may be I should use
something else?

Thanks

--
Regards,
Inna Stetsyak aka InK_

[Teemu Keiski]

Hi,

you can do it in RowCreated event of GridView by adding those as attributes
to the row

Something like (the code is untested)

Protected Sub grid1_RowCreate d(ByVal sender As Object, ByVal e As
System.Web.UI.W ebControls.Grid ViewRowEventArg s) Handles grid1.RowCreate d
If e.Row.RowState = DataControlRowS tate.Alternate OrElse
e.Row.RowState = DataControlRowS tate.Normal Then
e.Row.Attribute s("onmouseover" ) = "colorrow(this, '#EEEEEE');"
e.Row.Attribute s("onmouseout ") = "colorrow(this, '#FFFFFF');"
End If
End Sub

(or just check RowType for being a DataRow and do it in RowDataBound)

--
Teemu Keiski
ASP.NET MVP, AspInsider
Finland, EU
http://blogs.aspadvice.com/joteke
"InK_" <in**@ukrpost.n et> wrote in message
news:OS******** ******@TK2MSFTN GP05.phx.gbl...

Hi, All!

I need to accomplish such functionality:
A data row should be highlighted with the other color if cursor is over
it.

I also have the old code from asp which uses
<tr onmouseover="co lorrow(this,'#E EEEEE');"
onmouseout="col orrow(this,'#FF FFFF');">

for every row of a table.

What can I do to achieve the same for GridView or may be I should use
something else?

Thanks

--
Regards,
Inna Stetsyak aka InK_

[OHM \( One Handed Man \)]

//In the itemDataBound Event for the DataGrid

For Each TableCell As TableCell In e.Item.Cells
TableCell.Attri butes.Add("onmo useOver", "go(this,'red') ;")
TableCell.Attri butes.Add("onmo useOut", "go(this,'white ');")
Next
//Then just add the javascript function in the html

function go( item , col)
{
item.style.back groundColor=col ;
}

HTH

--
( OHM ) - One Handed Man
AKA Terry Burns - http://TrainingOn.net
"InK_" <in**@ukrpost.n et> wrote in message
news:OS******** ******@TK2MSFTN GP05.phx.gbl...

Hi, All!

I need to accomplish such functionality:
A data row should be highlighted with the other color if cursor is over
it.

I also have the old code from asp which uses
<tr onmouseover="co lorrow(this,'#E EEEEE');"
onmouseout="col orrow(this,'#FF FFFF');">

for every row of a table.

What can I do to achieve the same for GridView or may be I should use
something else?

Thanks

--
Regards,
Inna Stetsyak aka InK_

[InK_]

Thanks a lot for help.
It works now.

--
Regards,
Inna Stetsyak aka InK_

"Teemu Keiski" <jo****@aspalli ance.com> wrote in message
news:eA******** ******@TK2MSFTN GP04.phx.gbl...

Hi,

you can do it in RowCreated event of GridView by adding those as attributes to the row

Something like (the code is untested)

Protected Sub grid1_RowCreate d(ByVal sender As Object, ByVal e As
System.Web.UI.W ebControls.Grid ViewRowEventArg s) Handles grid1.RowCreate d
If e.Row.RowState = DataControlRowS tate.Alternate OrElse
e.Row.RowState = DataControlRowS tate.Normal Then
e.Row.Attribute s("onmouseover" ) = "colorrow(this, '#EEEEEE');"
e.Row.Attribute s("onmouseout ") = "colorrow(this, '#FFFFFF');"
End If
End Sub

(or just check RowType for being a DataRow and do it in RowDataBound)

--
Teemu Keiski
ASP.NET MVP, AspInsider
Finland, EU
http://blogs.aspadvice.com/joteke
"InK_" <in**@ukrpost.n et> wrote in message
news:OS******** ******@TK2MSFTN GP05.phx.gbl...

Hi, All!

I need to accomplish such functionality:
A data row should be highlighted with the other color if cursor is over
it.

I also have the old code from asp which uses
<tr onmouseover="co lorrow(this,'#E EEEEE');"
onmouseout="col orrow(this,'#FF FFFF');">

for every row of a table.

What can I do to achieve the same for GridView or may be I should use
something else?

Thanks

--
Regards,
Inna Stetsyak aka InK_

[InK_]

Thanks for help.
For sure it will work with DataGrid but I needed the same for GridView.
Look at the solution proposed by Teemu Keiski's. It works for me:).

--
Regards,
Inna Stetsyak aka InK_

"OHM ( One Handed Man )" <[e-mail]> wrote in message
news:uj******** ******@TK2MSFTN GP05.phx.gbl...

//In the itemDataBound Event for the DataGrid

For Each TableCell As TableCell In e.Item.Cells
TableCell.Attri butes.Add("onmo useOver", "go(this,'red') ;")
TableCell.Attri butes.Add("onmo useOut", "go(this,'white ');")
Next
//Then just add the javascript function in the html

function go( item , col)
{
item.style.back groundColor=col ;
}

HTH

--
( OHM ) - One Handed Man
AKA Terry Burns - http://TrainingOn.net
"InK_" <in**@ukrpost.n et> wrote in message
news:OS******** ******@TK2MSFTN GP05.phx.gbl...

Hi, All!

I need to accomplish such functionality:
A data row should be highlighted with the other color if cursor is over
it.

I also have the old code from asp which uses
<tr onmouseover="co lorrow(this,'#E EEEEE');"
onmouseout="col orrow(this,'#FF FFFF');">

for every row of a table.

What can I do to achieve the same for GridView or may be I should use
something else?

Thanks

--
Regards,
Inna Stetsyak aka InK_

[OHM \( One Handed Man \)]

The principal is the same. Its only the event names which are different and
I dont need to look at Teemu's example as it's not me that needs the help.

--
( OHM ) - One Handed Man
AKA Terry Burns - http://TrainingOn.net
"InK_" <in**@ukrpost.n et> wrote in message
news:uI******** ******@TK2MSFTN GP02.phx.gbl...

Thanks for help.
For sure it will work with DataGrid but I needed the same for GridView.
Look at the solution proposed by Teemu Keiski's. It works for me:).

--
Regards,
Inna Stetsyak aka InK_

"OHM ( One Handed Man )" <[e-mail]> wrote in message
news:uj******** ******@TK2MSFTN GP05.phx.gbl...

//In the itemDataBound Event for the DataGrid

For Each TableCell As TableCell In e.Item.Cells
TableCell.Attri butes.Add("onmo useOver", "go(this,'red') ;")
TableCell.Attri butes.Add("onmo useOut", "go(this,'white ');")
Next
//Then just add the javascript function in the html

function go( item , col)
{
item.style.back groundColor=col ;
}

HTH

--
( OHM ) - One Handed Man
AKA Terry Burns - http://TrainingOn.net
"InK_" <in**@ukrpost.n et> wrote in message
news:OS******** ******@TK2MSFTN GP05.phx.gbl...

> Hi, All!
>
> I need to accomplish such functionality:
> A data row should be highlighted with the other color if cursor is over
> it.
>
> I also have the old code from asp which uses
> <tr onmouseover="co lorrow(this,'#E EEEEE');"
> onmouseout="col orrow(this,'#FF FFFF');">
>
> for every row of a table.
>
> What can I do to achieve the same for GridView or may be I should use
> something else?
>
> Thanks
>
> --
> Regards,
> Inna Stetsyak aka InK_
>
>

[InK_]

Sure, just FYI

--
Regards,
Inna Stetsyak aka InK_

"OHM ( One Handed Man )" <[e-mail]> wrote in message
news:uy******** *****@TK2MSFTNG P05.phx.gbl...

The principal is the same. Its only the event names which are different and I dont need to look at Teemu's example as it's not me that needs the help.

--
( OHM ) - One Handed Man
AKA Terry Burns - http://TrainingOn.net
"InK_" <in**@ukrpost.n et> wrote in message
news:uI******** ******@TK2MSFTN GP02.phx.gbl...

Thanks for help.
For sure it will work with DataGrid but I needed the same for GridView.
Look at the solution proposed by Teemu Keiski's. It works for me:).

--
Regards,
Inna Stetsyak aka InK_

"OHM ( One Handed Man )" <[e-mail]> wrote in message
news:uj******** ******@TK2MSFTN GP05.phx.gbl...

//In the itemDataBound Event for the DataGrid

For Each TableCell As TableCell In e.Item.Cells
TableCell.Attri butes.Add("onmo useOver", "go(this,'red') ;")
TableCell.Attri butes.Add("onmo useOut", "go(this,'white ');")
Next
//Then just add the javascript function in the html

function go( item , col)
{
item.style.back groundColor=col ;
}

HTH

--
( OHM ) - One Handed Man
AKA Terry Burns - http://TrainingOn.net
"InK_" <in**@ukrpost.n et> wrote in message
news:OS******** ******@TK2MSFTN GP05.phx.gbl...
> Hi, All!
>
> I need to accomplish such functionality:
> A data row should be highlighted with the other color if cursor is over > it.
>
> I also have the old code from asp which uses
> <tr onmouseover="co lorrow(this,'#E EEEEE');"
> onmouseout="col orrow(this,'#FF FFFF');">
>
> for every row of a table.
>
> What can I do to achieve the same for GridView or may be I should use
> something else?
>
> Thanks
>
> --
> Regards,
> Inna Stetsyak aka InK_
>
>