Insert new row javascript

[Ron]

Hi,

I'm inserting a new black row using javascript and a webservices. Everything works fine except the new row does not show in the grid until I do a page refresh.  Can somebody tell me why is that, or is there a way to do a page refresh using ajax?

Thanks,
Ron

[Shinu]

Hello Ron,

In your scenario better approach is to rebind the RadGrid from client side.
Javascript:

$find("<%= RadGrid1.ClientID %>").get_masterTableView().rebind();

Hope it helps.

Thanks,
Shinu.

[Ron]

Thank you kindly for you reply. I've tried your example and it worked but the row appears as a grey emtpy horizontal bar until i refresh the page and do a post back then the row apears as it should with columns and controls. I included a picture of before the page refresh, after the page refresh and the source code before the post back so you can get an idea. In the source you can see that the row is there but it's showing empty td tags. Can you take a look?  I greatly appreciate your assistance with this. Thanks.

[Tsvetina]

Hello Ron,

If you are using client-side binding through a web service, you would rather need to call databind() upon your grid in order to reflect changes. You can take a look at this online demo showing how to insert items in a client-side bound RadGrid:
Client-side Insert/Update/Delete

All the best,
Tsvetina
the Telerik team