2015-06-25 94 views
0

我有一个网格,我希望能够在编辑时打开kendoWindow而不是标准弹出窗口。创建自定义编辑器窗口kendo js grid

  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) { 
        }, 
       }); 
      }, 

我做它像上面的代码,但是当编辑的是“弹出”它得到的HTML为我的自定义弹出,但它也打开了默认的弹出窗口。如果我将可编辑更改为true,则不会触发编辑事件。我怎样才能触发编辑事件,并防止默认的编辑事件发生?

回答

0

即使添加e.preventDefault()后,仍然无法使用编辑功能的原因是因为在创建弹出窗口后调用该功能。

这是question引导我到此。

要轻松证明它,您可以在e.preventDefault()之前使用debugger;。在这之前你会看到弹出窗口已经有了,你可以对它做任何事情。

解决方法,这里是一个kendo dojo

但是,如果你真的要做到这一点,我建议使用行模板的解决办法,并在绑定一个单击/双击事件它。

0

尝试这样 编辑:
{模式: “弹出”, 模板: “模板” }