Kendo 具有自定义功能的网格 UI

Question

我想要一个使用 kendo 默认设计 button design 并使用我自己的功能的删除按钮，请问我该怎么做？

这是按钮的代码：

   columns.Command(command => { command.Destroy(); }).Width(30);

Answer 1

是的，很简单，当用户单击删除按钮时，您所要做的就是运行 java 脚本方法。这是您可以完成它的一种方法。

    columns.Command(c => c.Custom("Delete").Click("deleteRecord"));

Javascript

   function deleteRecord(e) {
     var dataItem = this.dataItem($(e.currentTarget).closest("tr"));
     if (confirm('Are you sure you want to delete : ' + dataItem.name)) {
         var grid = $("#gridNAME").data("kendoGrid");
         grid.dataSource.remove(dataItem);
         grid.dataSource.sync();
         grid.refresh();
     }
 }

Kendo 具有自定义功能的网格 UI

Kendo Grid UI with custom function

function

button

delete-row

kendo-ui