[Solved] Disable deselect of selected grid row

[Sarvesh]

Hi,

Is it possible to prevent deselect of a selected grid row (Control key + Click). I want selection to work on click but don't want my users to be able to deselect the row.

Regards,
Sarvesh

[Dimiter Madjarov]

Hi Sarvesh,


This is not supported out of the box. You could implement a custom solution, for example disable the Grid selection and manually add the k-state-selected class to the rows, that are clicked. You will then be able to retrieve the selected rows by this class again.

Regards,
Dimiter Madjarov
Telerik

 

 

[Sarvesh]

Hi Dimiter, 

If I set selectable to false then I no longer receive the grids change event. Do I have to implement a custom row click event as well?

Regards,
Sarvesh

[Dimiter Madjarov]

Hi Sarvesh,


Indeed this is the case. Here is a sample implementation:

$("#grid tbody").on("click", "tr[role='row']", function () {
    $(this).addClass("k-state-selected");
});

and then retrieve the rows by the class too.

var selected = $("#grid tbody").find("tr.k-state-selected");

Regards,
Dimiter Madjarov
Telerik