Prevent Edit Popup from Closing after Saved Successfully

[Bertha]

After user saved the data in Popup, I want to prevent it from closing so user can adjust the data a little bit and then saved again many times.

How can I do that?  Thanks.

[Viktor Tachev]

Hi Bertha,

We have a how-to that illustrates how the behavior you describe can be implemented. Check it out below and let me know how it works for you.

• https://docs.telerik.com/kendo-ui/knowledge-base/grid-prevent-popup-close-on-edit

Regards,
Viktor Tachev
Progress Telerik

[James]

As of Kendo UI 2019-ish, the above example breaks the popup editor cancel button.

[Viktor Tachev]

Hi James,

 

Thank you for reporting the behavior to us. In order to close the popup with the Cancel button after update I would suggest the change below. The code closing the popup is added in the edit event handler.

edit: function (e) {
	var editWindow = this.editable.element.data("kendoWindow");
	editWindow.unbind("close");
	editWindow.bind("close", onWindowEditClose);
	$(".k-grid-cancel").one("mousedown", function (e) {
	  preventCloseOnSave = false;
	  editWindow.close();
	});
},

 

Check out the updated dojo below for reference:

https://dojo.telerik.com/UTOsUNAQ

 

Regards,
Viktor Tachev
Progress Telerik

[George]

Using the provided dojo if you hit the "Add New Record" button. Then hit "Cancel". The Add New Record button becomes unusable. I am trying to use this in my project but that bug makes it pretty unusable. I'm having trouble finding a work around. Any suggestions? 

[Viktor Tachev]

Thank you for bringing this to our attention. There was a JavaScript error that prevented the code from executing. In order to avoid it you can use the following definition of the edit event handler:

edit: function (e) {
            var editWindow = e.container.data("kendoWindow");
            editWindow.unbind("close");
            editWindow.bind("close", onWindowEditClose);
            $(".k-grid-cancel").one("mousedown", function (e) {
              preventCloseOnSave = false;
              editWindow.close();
            });
          },

 

An updated version of the dojo is available below:

https://dojo.telerik.com/UTOsUNAQ/16

 

I have also fixed the code in the documentation and it should be live soon.