How to only allow user selecting two grid rows ?

[Daochuen]

The business logic in my MVC project only allow user selecting two rows. I tried couple of ways but no success solution yet. Does anyone have idea about this ?

Thanks.

[Georgi]

Hello Daochuen,

A possible solution would be to attach a click handler to the row and check for the count of the selected rows. If there are already two rows selected prevent the user from selecting another one.

e.g.

$('#grid tbody tr').on('click', function (e) {
  var grid = $('#grid').data('kendoGrid');
  debugger
  if (grid.select().length >= 2 && !$(e.currentTarget).is('.k-state-selected')) {

    e.preventDefault();
    e.stopPropagation();
  }
})

Below you will find a small sample which demonstrates the above approach:

• https://dojo.telerik.com/UfEToxuQ

Even though the sample uses a jQuery grid, as the logic is on the client, the very same approach applies for a grid configured with the server wrappers.


Regards,
Georgi
Progress Telerik