创建自定义编辑器窗口Kendo js网格

Question

我有一个网格，我希望能够在编辑时打开kendoWindow而不是标准弹出窗口。

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

我正在按照上面的代码进行操作，但是当editable是“ popup”时，它将获取我的自定义弹出窗口的html，但它还会打开默认的弹出窗口。 如果我将editable更改为true，则不会触发edit事件。 如何触发编辑事件并防止发生默认编辑事件？

Answer 1

即使在添加e.preventDefault()之后也无法使用编辑功能的原因是，它是在创建弹出窗口后调用的。

这是导致我想到的问题 。

为了轻松证明这一点，您可以使用debugger; 在您的e.preventDefault()之前。 在那里，您将看到弹出窗口已经存在，然后您可以对其进行任何操作。

解决方法 ，这里是剑道道场

但是，如果确实需要这样做，我建议的解决方法是使用行模板并在其上绑定click / doubleclick事件 。

Answer 2

尝试这样的可编辑内容：
{模式：“弹出”，模板：“您的模板”}