Kendo Grid UI with custom function

Question

I would like to have a delete button that uses kendo default design button design that uses my own function, may I know how could I do this?

This is the code for the button:

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

Answer 1

Yes it is simple all you have to do is run a java script method when user click on delete button. Here is one way you can accomplish it.

    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();
     }
 }