javascript - create custom editor window kendo js grid -

i have grid want able open kendowindow on edit instead of standard popup.

         editable: "popup",             edit: function (e) {                 e.preventdefault();                 console.log("edit");                 $.ajax({                     url: '@url.action("editproductview", "product")',                     type: 'post',                     datatype: 'html',                     cache: false,                     success: function (data) {                         console.log(data);                         $("edit-product-window").kendowindow({                             content: data,                             title: "product"                         });                     },                     error: function (xhr, error) {                     },                 });             }, 

i'm doing above code when editable "popup" gets html custom popup opens default popup window. if change editable true doesn't trigger edit event. how can trigger edit event , prevent default edit event happening?

the reason can't use edit function after add e.preventdefault() because it's invoked after popup created.

this question lead me this.

to prove can use debugger; before e.preventdefault(). there see popup there before can it.

the workaround, here kendo dojo

but if have workaround suggested using row template , bind click/doubleclick event on it.