preventDefault() in beforeEdit inserts a new row on Create

[Dima]

Hello,

we implemented an onBeforeEdit listener for our popup-editing-grid as follow:

this.beforeEditHandler = function (e) {
        var isDirty = dataSourceIsDirty();
        if (isDirty) {

            ...
            e.preventDefault();
        }
    }

When dirty grid-items exist, the edit-popup should not appear. This works fine when trying to edit a row, the popup is not being shown. However, when we try to create a new dataItem, the popup does not appear also, but a new empty row is being added to the grid (see attachment).

 

Any idea of how to prevent the grid to insert an empty row?

 

Thanks.

[Viktor Tachev]

Hello Dima,

This is because the empty row is created immediately when the users click the add button. In order to prevent creating that row I would suggest handling the click event for the add new record button and canceling the event if necessary. 

$(".k-grid-add").first().on("click", function(e) {
    e.preventDefault();
    e.stopPropagation();
});

I also prepared a dojo sample that outlines the approach:

• https://dojo.telerik.com/EHeKIWaf/2

Give it a try and let me know how it works for you.

Regards,
Viktor Tachev
Progress Telerik

[Dima]

Hello Viktor,

thank you, that approach works for us.

 

Regards,

Dima.