This is a migrated thread and some comments may be shown as answers.

Issue with Chrome and a RadAjaxManager

4 Answers 501 Views

Ajax

This is a migrated thread and some comments may be shown as answers.

Corentin asked on 24 Jul 2014, 10:28 AM

Hi,

I'm experiencing a strange issue with a RadAjaxManager and chrome (IE10 work fine) :
I've defined my RadAjaxManager like this :

<telerik:RadAjaxManager ID="PageRadAjaxManager" runat="server" OnAjaxRequest="PageRadAjaxManager_AjaxRequest">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="PageRadAjaxManager">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="GalopRadGrid"LoadingPanelID="PageRadAjaxLoadingPanel" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

And I call a javascript function to refresh my control "GalopRadGrid" :

function DoRefreshGalopGrid() {

var arguments = 'RefreshGalopGrid';

var ajaxManager = $find("<%=PageRadAjaxManager.ClientID%>");

ajaxManager.ajaxRequest(arguments);

}

When calling my function, I get the following error :

Uncaught TypeError: Cannot read property 'caller' of undefined

I use a RadAjaxManager in the same way in other pages and I don't get any problem. Does any one got a idea to solve this trouble ?

Thanks,
Corentin

4 Answers, 1 is accepted

answered on 25 Jul 2014, 08:51 AM

Hi Corentin,

Please have a look into the sample code snippet which works fine at my end.

ASPX:

<telerik:RadAjaxManager ID="PageRadAjaxManager" runat="server" OnAjaxRequest="PageRadAjaxManager_AjaxRequest">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="PageRadAjaxManager">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="GalopRadGrid" LoadingPanelID="PageRadAjaxLoadingPanel" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<telerik:RadAjaxLoadingPanel ID="PageRadAjaxLoadingPanel" runat="server" Skin="Silk">

</telerik:RadAjaxLoadingPanel>

<telerik:RadButton ID="rbtnAjax" runat="server" Text="Ajax" AutoPostBack="false"

OnClientClicked="DoRefreshGalopGrid">

</telerik:RadButton>

<telerik:RadGrid ID="GalopRadGrid" runat="server" DataSourceID="sqldsOrders">

</telerik:RadGrid>

<asp:SqlDataSource ID="sqldsOrders" runat="server"

ConnectionString="<%$ ConnectionStrings:ConnectionString %>" SelectCommand="SELECT top 10 [OrderID], [CustomerID] FROM [Orders]"></

asp:SqlDataSource>

JavaScript:

function DoRefreshGalopGrid() {

var ajaxManager = $find("<%=PageRadAjaxManager.ClientID%>");

ajaxManager.ajaxRequest();

}

C#:

protected void PageRadAjaxManager_AjaxRequest(object sender, Telerik.Web.UI.AjaxRequestEventArgs e)

{

Thread.Sleep(1000);

GalopRadGrid.Rebind();

}

Thanks,
Shinu.

answered on 25 Jul 2014, 10:27 AM

I finally found what the issue was ...
This javascript function doesn't work :

function DoRefreshGalopGrid() {

var arguments = "RefreshGalopGrid";

var ajaxManager = $find("<%= PageRadAjaxManager.ClientID %>");

ajaxManager.ajaxRequest(arguments);

}

But this one does :

function DoRefreshGalopGrid() {

var args = "RefreshGalopGrid";

var ajaxManager = $find("<%= PageRadAjaxManager.ClientID %>");

ajaxManager.ajaxRequest(args);

}

The only difference is in the name of the first variable.

Thanks Shinu for your reply.