Kendo Grid -- custom command doesn't fire after popup edit close

0
votes

I've noticed that my custom Grid command is not working after a popup edit dialog is opened and closed (cancelled).

The command delrow is used to display a custom delete confirmation (I've simplified it in the fiddle to just use a standard JS confirmation).

I've setup a Fiddle that demonstrates the problem.

It works when the grid is initially loaded, but not after a cancelled edit. Not sure if this is a bug or something I'm doing wrong.

Any advice would be much appreciated. Thanks

1
kendo-uikendo-grid

1 Answers

1
votes

Is the way you do it. You are binding the click event in the dataBound but when you cancel the edition the row is refreshed and you loose the bind.

You should define the action using click property as:

columns   : [
    {
        command: [
            {name: 'edit'},
            {name:'delrow', click: delRow}], 
            title: ' ',
            width: 100 
        },
        { field: "FirstName", width: 90, title: "First Name" },
        ...

Where delRow is the same code that you have as click event handler:

function delRow(e) {
    var row = $(this).parents('tr:first');
    var r=confirm("Are you sure you want to delete this row!");
    if (r==true)
    {
        var g = grid.data('kendoGrid');
        g.removeRow(row[0]);
    }
}

See it in action here : http://jsfiddle.net/OnaBai/XNcmt/56/