Client side rebind on two grids in one method

[lilleliz]

Hi I'm having a bit of a frustrating problem. I have to different grids in the same page and after an operation performed in a radwindow I want both of these grids rebinded. 

the javascript method is straight forward:

function OnClientClose(oWnd) {

                    var masterTable2 = $find("<%= SendingRadGrid.ClientID %>").get_masterTableView();

                    masterTable2.rebind();

                    var masterTable1 = $find("<%= OrderedRadGrid.ClientID %>").get_masterTableView();

                    masterTable1.rebind();

}

Both grids have a NeedDataSource method but strangely only the second one gets called. I actually tried to change the order and that changed which grid got rebinded. Seems like a bug to me. Any workarounds?

[Radoslav]

Hello Lilleliz,

Generally rebind() method will request the server (post-back or ajax request if the grid is ajaxified). The second rebind may not be able to reach the server. Such approach will be successful only if the grid data-binding is asynchronous - for example client-side data-binding.
I suggest you to ajaxify your grids with RadAjaxManager and perform the required update as below:
In OnClientClose function:

$find("<%= RadAjaxManager.GetCurrent(Page).ClientID %>").ajaxRequest();

In server side RadAjaxManager1_AjaxRequest event handler:

protected void RadAjaxManager1_AjaxRequest(object sender, Telerik.Web.UI.AjaxRequestEventArgs e)
{
      grid1.Rebind();
      grid2.Rebind();
}

Thus you can rebind the grids in one call back.

Sincerely yours,
Radoslav
the Telerik team

[lilleliz]

Thanks for your help. That worked like a charm!

Lilleliz

[Rebecca]

Wow, thanks, I was looking for the answer to this for ages. Perfect.