RadAjaxLoadingPanel updates but CascadingDropDown events do not fire

[Nathan]

Greetings,

I am new to Telerik (pretty new to asp.net) and cannot figure out why my AXAX CascadingDropDown events do not fire when I wire them up to control my RadAjaxLoadingPanel. The LoadingPanel updates but no SelectedIndexChanged event is call.

My code works when I disable/remove theRadAjaxLoadingPanel
 
I looked all over for the CascadingDropDown example but no success. I saw that I might need to rebind, but I'm not sure what I'm looking for to do this? Thanks

ASPX Page

<form id="frm1" runat="server" class="" enableviewstate="true">

<telerik:RadScriptManager runat="server" ID="RadScriptManager1">
    </telerik:RadScriptManager>
    <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" DefaultLoadingPanelID="RadAjaxLoadingPanel1"
        EnablePageHeadUpdate="False" ViewStateMode="Enabled">
        <AjaxSettings>
            <telerik:AjaxSetting AjaxControlID="auto_ddlMake">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="RadAjaxLoadingPanel1"></telerik:AjaxUpdatedControl>
                </UpdatedControls>
            </telerik:AjaxSetting>
            <telerik:AjaxSetting AjaxControlID="auto_ddlModel">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="RadAjaxLoadingPanel1"></telerik:AjaxUpdatedControl>
                </UpdatedControls>
            </telerik:AjaxSetting>
            <telerik:AjaxSetting AjaxControlID="lnkReset" EventName="Click">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="RadAjaxLoadingPanel1"></telerik:AjaxUpdatedControl>
                </UpdatedControls>
            </telerik:AjaxSetting>
        </AjaxSettings>
    </telerik:RadAjaxManager>

<asp:DropDownList ID="auto_ddlMake" runat="server" AutoPostBack="True" class="itext"
                        OnSelectedIndexChanged="auto_ddlMake_SelectedIndexChanged" Width="125px" />
                    <ajaxToolkit:CascadingDropDown ID="CascadingDropDown1" runat="server" Category="Make"
                        ParentControlID="auto_ddlYear" PromptText="-- Pick --" ServiceMethod="GetMakes"
                        ServicePath="CascadingDropDown.asmx" TargetControlID="auto_ddlMake" />

<asp:DropDownList ID="auto_ddlModel" runat="server" AutoPostBack="True" class="itext"
                        OnSelectedIndexChanged="auto_ddlModel_SelectedIndexChanged" Width="125px" />
                    <ajaxToolkit:CascadingDropDown ID="CascadingDropDown2" runat="server" Category="Model"
                        ParentControlID="auto_ddlMake" PromptText="-- Pick --" ServiceMethod="GetModels"
                        ServicePath="CascadingDropDown.asmx" TargetControlID="auto_ddlModel" />
<asp:LinkButton ID="lnkReset" runat="server" CausesValidation="False" OnClick="btnReset_Click"
                        Text="Reset" ToolTip="Clear all fields"></asp:LinkButton>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" ViewStateMode="Enabled">
        <div class="loading">
            Loading<br />
            <asp:Image ID="Image1" runat="server" ImageUrl="~/images/loading1.gif" AlternateText="loading">
            </asp:Image>
        </div>
    </telerik:RadAjaxLoadingPanel>
</form>

Codebehind

protected void auto_ddlModel_SelectedIndexChanged(object sender, System.EventArgs e)
    {
        Response.Write("ddlmodel Called!");
        Response.End();
    }

 

[Pavlina]

Hi,

Are you sure that the problem you are facing is caused by RadAjaxLoadingPanel? Can you specify when the code is working when you disable/remove RadAjaxLoadingPanel or when you disable RadAjaxManager control by setting EnableAjax property to false?

Greetings,
Pavlina
the Telerik team

[Nathan]

My events fire as normal when I disable (comment out) all the RadAjaxManager’s:

 

<AjaxSettings>

   or

set the EnableAJAX to False.

 

However; when the settings are enabled or set to true, the loading panel works but my events do not fire!

 

[Pavlina]

Hi,

Can you test the application by using regular asp UpdatePanel to wrap the mentioned controls instead of RadAjaxManager and verify if the problem still persists? Also ensure that all RadControls on the page have ClientIDMode set to "AutoID".

Greetings,
Pavlina
the Telerik team

[Nathan]

I'm not trying to wrap the cascadingdropdowns in the asp LoadingPanel or the radloadingpanel. I just want the dropdowns to fire the loadingpanel show event.

When I do put my controls in an asp loadingpanel, the events do not fire so I expect it is not supposed to be within an updatepanel simply because it is already ajaxable. Do you know how I would use a CascadingDropDown from the AjaxToolKit with the telerik Loading Panel? Any examples? Thanks

[Asawin]

yes the same as me

[Pavlina]

Hi,

Can you verify that you tried the suggestions from my previous post and they not help?

All the best,
Pavlina
the Telerik team