CODEWITHSUNDEEP
kendo-uikendo-grid
Alper
Alper

Reputation: 663

KendoUI Grid: Cannot intercept and cancel sort event if there are any pending changes

Browser: IE 9

Context: An editable, sortable(server side) KendoUI grid is populated.

Issue: The objective is to pop up a message if there are any unsaved changes.

The grid’s datasource does not catch the edit. Dirty property of the data item is false. Kendo UI grid always sorts the column. I have been unable to find a way to intercept the sort event and warn the user and cancel the sort event.

Any help is appreciated.

Upvotes: 1

Views: 3496

Answers (2)

Alper
Alper

Reputation: 663

Here is a video demonstrating the KendoUI Grid issue

Response from Telerik

Basically this is happening because when reordering the event that is used is the mousedown event. When the mousedown event is triggered the model is still not updated.

As a work-around I can suggest you the following resolution:

Put this in a script block after initializing the Grid. This way if the Grid is still in edit mode, no matter if you have made a change or not the Dragging will be prevented.

$(function () {
    var gr = $('#Grid').data().kendoGrid;
    gr.thead.on('mousedown', function (e) {
        if (gr.tbody.find('.k-edit-cell').length) {
            e.stopImmediatePropagation()
        }
    });
})

Upvotes: 0

Alper
Alper

Reputation: 663

Version: kendoui.aspnetmvc.2013.2.716

In order to cancel the sort event, call event.preventDefault() in the requestStart event of the datasource.

hasChanges() method of the datasource returns false if

  • Grid columns are reorderable. (.Reorderable(r => r.Columns(true)) //Kendo htmlhelper code)
  • Sorting is done on the server
  • User edits the text in a cell and click on the column header

If you remove the Reorderable setting, hasChanges() method of datasource returns true. Opening a support ticket for this issue.

In the meantime, if you would like to catch the edit with hasChanges() method when user edits the cell and clicks the column header do not set the Reorderable to true.

Upvotes: 0

Related Questions