[Solved] change selected Row color on template column click

[Vivek]

I have customise edit functionality by implementing Template column.
For edit i have an image , On Edit click i have called one javascript function for displaying selected record view.
My issue is , i want to change backgroung color of selected row.
My OnRowSelected function is not fired on image click.

Please please guide me for this.

Thanks in advance..

// Telerik Grid code
  @(Html.Telerik().Grid(Model).Name("TGrd_Games").DataKeys(o => o.Add(O => O.GameID)).Columns(columns =>
            {
                columns.Bound(o => o.GameName).Width(100);
columns.Template(o => Ajax.ActionLink(" ", "Edit_Game", "Game", new { GameID = o.GameID }, new AjaxOptions { UpdateTargetId = "dv_Edit_Game", HttpMethod = "POST" }, new { @Class = "Gridedit" })).ClientTemplate("<img Title='Edit' cursor=pointer; onClick=EditGame('<#= GameID #>'); src='../../image/icon_edit.png' height='22px' width='23px' />").Width(35);
}).Selectable().ClientEvents(events => events.OnRowSelected("OnRowSelected")))
// Javascript code
<script type="text/javascript">
 function OnRowSelected(e) {
        alert("selected");
    }
    function EditGame(gameID) {
        $("#dv_Edit_Game").load('/Game/Edit_Game/?GameID=' + gameID);
    }

</script>

[william]

use the .RowAction Event e.g.

.RowAction(row => { if (row.selected) { row.HtmlAttributes["style"] = "background: blue;";} })