How to turn off selected row style on MouseOver with .Selectable()

[Paul]

Hi,

We use the ClientEvent OnRowSelected to set a checkbox in our grid. This event is only triggered when .Selectable() is set. Selectable causes a selected row style on mouseover which taxes the CPU and does not fit our design. Also the font goes bold which causes a change in layout. For instance the command buttons can be aligned underneath each other instead of next to each other on the selected row. 

Is there a way we can have the OnRowSelected event without the row selected style?

Thanks in advance.

[Atanas Korchev]

Hi Henrik van den Berge,

If you just want the click event you can implement it like this:

<%= Html.Grid()
        .Name("Grid")
        .ClientEvents(events => events.OnLoad("Grid_onLoad"))

%>
<script type="text/javascript">
function Grid_onLoad() {
   $('#Grid tr:not(.t-grouping-row').live('click', function (e) {
            var row = this;
            //Your code here
    });
}
</script>
Then disable the Selectable() feature.

Regards,
Atanas Korchev
the Telerik team

[Paul]

Fantastic, This solves our problem!

There was a little typo, a parenthesis missing in this line:
$('#Grid tr:not(.t-grouping-row)').live('click', function (e) {