removeRow in Grid not working

[Henry]

I wanted to select an item in the grid and remove that row manually.

Here is my function associated with a button (not included part of the grid):

 //delete the selected row
        $("#delete_b").click(function () {
            alert('delete clicked');
            var grid = $("#grid").data("kendoGrid");
            console.log('delete clicked');
            grid.select().each(function() {
                var dataItem = grid.dataItem($(this));
                grid.removeRow(dataItem.BrandID);
            });
       });

please let me know why this is not working!

[Atanas Korchev]

Hello Henry,

 The removeRow method needs a jQuery object or a DOM element that represent the table row. You are passing the ID of your data item which is not supported. 

Regards,
Atanas Korchev
the Telerik team

[Henry]

Somehow, I have to call dataSource.remove, after i call grid.removeRow.

I am not sure, why removeRow does not immediately remove the row from the grid, even after passing the entire dobject. The code I use now is given below.

//delete the selected row
        $("#delete_b").click(function () {
            //alert('delete clicked');
            var grid = $("#grid").data("kendoGrid");
            console.log('delete clicked');
            grid.select().each(function() {
                var dataItem = grid.dataItem($(this));
                console.log(dataItem);
                grid.removeRow($(dataItem)); //just gives alert message
                grid.dataSource.remove(dataItem); //removes it actually from the grid
            });

[Atanas Korchev]

Hello Henry,

 As I said in my previous reply removeRow needs a table row not a data item. The remove method of the datasource needs a dataItem. Change your code to:

grid.removeRow($(this)); 

Regards,
Atanas Korchev
the Telerik team

[Henry]

Excellent. This worked. 

Thank you.

[Hari]

I tried all the examples above was not able to resolve it.

It simple

//Column with buttons

columns.Command(command => command.Custom("Remove").Click("removeItem"));

 //Get the instance of the grid
        var grid = $("#grid").data("kendoGrid");
        //Get the selected grid
        var tr = $(e.target).closest("tr");
        //Get the item from the grid
        var data = this.dataItem(tr);
        //Remove the item from the datasource
        grid.dataSource.remove(data);
        //Sync it with the grid
        dataSource.sync();