Question

我想制作剑道模板：EDIT，DELETE。

{
    field: "Action",
    template: '<a href="../edit/custom" ><span> EDIT</span></a> <a href="" class="deleteCustom"><span> DELETE</span>'
}

当我点击删除时，我需要一个确认弹出窗口，之后重定向到url删除并刷新kendo但是

$('.deleteCustom').onclick..

不起作用。我在字段模板+命令

中尝试了make

{ field: "Activate", width: "100px",
                            template:"<span>edit<span>"
                            command: ["destroy"], title: " ", width: "160px",

                            },

但模板消失了。为什么？命令重叠吗？我应该左转还是什么？

Answer 1

首先，您的第一个模板存在语义问题。您未关闭最后一个<a>代码：

{
    field: "Action",
    template: '<a href="../edit/custom"><span>EDIT</span></a> <a href="" class="deleteCustom"><span>DELETE</span></a>'
}

然后你应该使用jQuery＆＃39; on()将点击绑定到你的删除/编辑链接：

$('.deleteCustom').on('click', function() {
    // Here goes your confirmation...
});

要获取行信息，您应该使用此信息：

$('.deleteCustom').on('click', function() {
    var dataItem = grid.dataItem($(this).closest("tr"));

    if (window.confirm("Are your sure to delete " + dataItem.title + "?")) {
        location.href = "delete/" + dataItem.id;
    }
});

考虑grid是kendo网格实例。

kendoui模板DELETE和EDIT

1 个答案: