kendoui模板DELETE和EDIT

Question

我想为以下项目制作kendo模板：编辑，删除。

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

当我点击删除我需要一个确认弹出，之后重定向到URL删除并刷新剑道但

$('.deleteCustom').onclick.. 

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

{ 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的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是剑道网格实例。