Detail Item Template row click event

[Mir]

I am using Detail Item Template for displaying some extra information on radgrid. I want to highlight the Detail Item Template row as well as its parent row while clicking on the Detail Item Template row. Is there any way to handle Detail Item Template row's click event? Any help will be highly appreciated.
Thanks in advance. 

[Eyup]

Hi Mir,

You can wrap the entire content in a Container element to implement the following logic:

<DetailItemTemplate>
    <asp:Panel ID="Panel1" runat="server" onclick='<%# "detailItemClick("+(Container.RowIndex/3-1)+");"%>'

JavaScript:

function detailItemClick(index) {
    var dataItems = $find('<%= RadGrid1.ClientID %>').get_masterTableView().get_dataItems();
    var row = dataItems[index].get_element();
    row.style.backgroundColor = "lime";
    $(row).next()[0].style.backgroundColor = "lime";
}

Hope this helps. I am also attaching a sample RadGrid web site to demonstrate Hover effect over the DetailItemTemplate.

Regards,
Eyup
Telerik