[Solved] Deleting Row from RadGrid

[Ivaylo]

Hello,

I'm building an application that uses RadGrid and I want to know is there a way to delete a row(and the DataItem) from the RadGrid using only JavaScript.

I.Hinov

[Ivaylo]

I mean that user select row and than clicks Delete Button from RadToolBar

[Princy]

Hi,

You can make use of the GridClientDeleteColumn  provided by the RadGrid for a  client-side delete which allows you to erase records without making a round trip to the server.

Please take a look at the following for a working demo on how to achieve this:

http://demos.telerik.com/aspnet-ajax/grid/examples/client/clientdelete/defaultcs.aspx

http://demos.telerik.com/aspnet-ajax/grid/examples/client/insertupdatedelete/defaultcs.aspx

Thanks,

Princy

[Ivaylo]

Hello,

I'm aware of this samples. I'm not using Web Service or any kind of DataSource(SqlDataSouce etc.). I bind the grid to my own collection of objects at the OnLoad() of the page. I'm setting the ClientDataKeyNames,DataKeyNames properties of the grid to the ID property of my objects. So when, as shown in second sample, I try the following code:

 var table = $find("<%= RadGrid1.ClientID %>").get_masterTableView().get_element();
                var row = table.rows[currentRowIndex];
                table.deleteRow(currentRowIndex);

                var dataItem = $find(row.id);
                if (dataItem)
                {
                    dataItem.dispose();
                    Array.remove($find("<%= RadGrid1.ClientID %>").get_masterTableView()._dataItems, dataItem);
                }

 but the dataItem is null and it's not removed, and all rows from the grid disappear.