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

时间:2015-06-25 07:53:13

标签: javascript jquery kendo-ui kendo-grid

我有一个网格,我希望能够在编辑时打开一个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,则不会触发编辑事件。如何触发编辑事件并阻止默认编辑事件发生?

2 个答案:

答案 0 :(得分:0)

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

  

这是引导我的question

要轻松证明这一点,您可以在debugger;之前使用e.preventDefault()。在那里你会看到弹出窗口已经存在,然后才能对它做任何事情。

  

解决方法,此处为kendo dojo

但是如果你真的必须这样做,我建议的解决方法是使用行模板并绑定点击/双击事件

答案 1 :(得分:0)

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