Load RadGrid using ajax request

[Andrei]

Hello,

I have a custom ascx controls contains RadGrid and RadChart.

The control is loaded into ajax panel using ajax request

protected void RadAjaxPanel2_AjaxRequest(object sender, AjaxRequestEventArgs e)
{
if (e.Argument == "InitialLoad")
{
var auctionTotals = LoadControl("~/core/Informers/CurrencyRates.ascx");
auctionTotals.ID = "CurrencyRates";
panel2.Controls.Add(auctionTotals);
}
}

Inside the user control every grid row has a related chart dislayed when this row is selected.

function <%=ClientID%>_grid_OnRowSelected(sender, args) {
<%=ClientID%>_selectChart(parseInt(args._itemIndexHierarchical));
}

Here is how the event handler is added

var events = grid.ClientSettings.ClientEvents;
events.OnRowSelected = ClientID + "_grid_OnRowSelected";

Everything works just fne if the control is used on the aspx page (like a normal aspx control). But as soon as I try to load this control dynamically using ajax panel (using the first code snapshot), I get a javascript error: content_CurrencyRates_grid_OnRowSelected is not defined

I am a bit confused why the event handler is not binded to the grid in this scenario. Should this function be placed in some other part of the ascx control?

Thanks,
Andrei

[Vasil]

Hi Andrei,

You need to wrap the script for the OnRowSelected handler into RadScriptBlock. This is required because dynamically loaded scripts need to be registered through the ScriptManager in order to work properly.

<telerik:RadScriptBlock runat="server">
  <script type="text/javascript" language="javascript">
    function <%=ClientID%>_grid_OnRowSelected(sender, args) {
     <%=ClientID%>_selectChart(parseInt(args._itemIndexHierarchical));
    }
  </script>
</telerik:RadScriptBlock>

Also if you want this dynamically loaded user control to be loaded after the next postback you have to reload it in Page_Load or in Page_Init. See this help topic for more information:
http://www.telerik.com/help/aspnet-ajax/ajxloadusercontrols.html

Greetings,
Vasil
the Telerik team