Client Side Grid Row Delete

Question

How could I remove a grid row just in the Client Side with a custom popup? I tried different way to do it but confirming the delete it always calls the default confirmation popup of the grid.

Regards

Answer 1

For example create button in each row, which trigger your function. Inside the function open custom popup and remove row direct from datasource.

Something like this:

onRemoveRow = function(e){
// open confirm popup

var uid = $(e.target).closest('tr').data('uid');
var dataSource = $(e.target).closest('div[data-role="grid"]').data('kendoGrid').dataSource;

dataSource.remove( dataSource.getByUid(uid) )
}