Deactivate mouse selection on kendo grid

Recently I had to disable mouse selection on a kendo grid which was already multi cell selectable. I had to disable this effect on a different event. Since kendo grid does not have this functionality supported at run time, I stumbled up on this and came up with the below solution. Hope it helps someone.

This can be done by adding a covering the kendo grid div with a transparent div element.

var kendoGrid= $(“#grid”);
var width = kendoGrid.eq(0).outerWidth();
var height = kendoGrid.eq(0).outerHeight();

var position = kendoGrid.offset();
$(“<div class=’cover’>”).css({
“width”: width,
“height”: height,
“position”: “absolute”,
“top”: position.top,
“left”: position.left
}).appendTo($(“body”));

JS Fiddle

Advertisements