How to handle a Kendo UI Grid row double-click event

user_303685 0
Viewed 25143

I have a selectable KendoUI grid in my MVC app. I want to do something when the user double-clicks on the grid.

I don't see a double-click event for the grid.

How may I handle the double-click event when there is none exposed?

kendo-asp.net-mvc kendo-grid kendo-ui jquery javascript
4 Answers

Here's another way to handle it:

var grid = $('#myGrid').kendoGrid({
    columnMenu: true,
    filterable: true,
    selectable: true,
    // and many more configuration stuff...
}).data('kendoGrid');

grid.tbody.delegate('tr', 'dblclick', function() {
    var dataItem = grid.dataItem($(this));
    // do whatever you like with the row data...
});

Since v3.0, delegate has been deprecated. You can use on, like so:

grid.tbody.on('dblclick', 'tr', function() {
    var dataItem = grid.dataItem($(this));
    // do whatever you like with the row data...
});
user_57974000
Related