Question

I want to replace the single click editing functionality on kendo ui grid into double click.

The settings i want to keep are: selectable: "multiple, row", editable: true

I found that a solution is to set the editable: false and add a $('#grid').delegate('tbody>tr>td','dblclick', function (e){}

Unfortunately this brings up other problems making my entire editing process difficult. For example, kendo cannot track anymore the changes that easily, does not mark the field as being changed with that red arrow.

Is there a way to change the default kendo single click functionality into double click?

So the requested behaviour would be:

1. Single click selects row/cell
2. Double click brings cell into edit mode.

Answer 1

This is not very nice but might do the trick:

var myGrid = $('#grid').data("kendoGrid");
myGrid.element.on('click', 'tbody>tr>td:not(.k-edit-cell)', function (e) {
    myGrid.closeCell();
});
myGrid.element.on("dblclick", "tbody>tr>td:not(.k-edit-cell)", "dblclick", function (e) {
    myGrid.editCell($(this));
});

The first on exits the edition of the cell for a single click and do not change other binding as row selection, the second enters in edition mode for the cell.

Why do I say nice? Because I would prefer to unbind the previous click event for edition (only) than having to close the edition.