How to trap cancel event in incell(batch) mode in UI for ASP.NET MVC

This is a migrated thread and some comments may be shown as answers.

How to trap cancel event in incell(batch) mode

4 Answers 17 Views

Grid

This is a migrated thread and some comments may be shown as answers.

4 Answers, 1 is accepted

Accepted

answered on 23 Nov 2018, 11:00 AM

Hi Colin,

Pressing the cancel button in the toolbar will trigger the cancelChanges method internally. In turn the dataBound event will be raised for the Grid.

Another approach you can use if you would like to execute additional logic when the button is clicked is to manually add a handler for the mousedown event of the button. Like this:

$(".k-grid-cancel-changes").on("mousedown", function(e) {

console.log("cancelling changes");

});

Let me know how this approach works for you.

Regards,
Viktor Tachev
Progress Telerik

Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.

answered on 06 Jan 2020, 11:11 PM

I had an unexpected side-effect: the Cancel button stopped making the deleted rows visible again. This was the code that caused the problem (I've just included the onDelete function below to show why I need to handle the Cancel event):

function onDelete(e) {

$("#msg").append(" " + e.model.LastName + " will be removed when you Save");

}

$(".k-grid-cancel-changes").on("mousedown", function (e) {

$("#msg").text("");

});

To make Cancel changes work again I had to change the mousedown function to:

$(".k-grid-cancel-changes").on("mousedown", function (e) {

var grid = $("#EmployeeGrid").data("kendoGrid");

grid.cancelChanges();

$("#msg").text("");

});