RADAjaxManager and Internet Explorer

[Marc Lee]

Is anyone else having a problem with RADAjaxManager causing full postbacks in Internet Explorer (6, 7 and 8)?  I have a page with 4 dropdowns and two labels (among other things).  The first dropdown (states) populates the second dropdown (counties), the second dropdown populates the third dropdown (cities), the third dropdown populates the fourth dropdown (newspapers), and, finally, the fourth dropdown sets the text and visibility of the two labels.  This works like a champ in FireFox, but not in any of the IE versions.  Instead of updating the subsequent dropdowns via AJAX, it does full postbacks each time.  I've tried using both the RADScriptManager and the ASPScriptManager (just in case) and that made no difference.  My code is below.

Any ideas?

Here is the AjaxManager:

            <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server"
              EnablePageHeadUpdate="False" EnableViewState="False">
              <AjaxSettings>
                <telerik:AjaxSetting AjaxControlID="ddState">
                  <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="ddCounty" />
                  </UpdatedControls>
                </telerik:AjaxSetting>
                <telerik:AjaxSetting AjaxControlID="ddCounty">
                  <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="ddCity" />
                  </UpdatedControls>
                </telerik:AjaxSetting>
                <telerik:AjaxSetting AjaxControlID="ddCity">
                  <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="ddNewspaper" />
                  </UpdatedControls>
                </telerik:AjaxSetting>
                <telerik:AjaxSetting AjaxControlID="ddNewspaper">
                  <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="lblPublishesOn1" />
                    <telerik:AjaxUpdatedControl ControlID="lblPublishesOn2" />
                  </UpdatedControls>
                </telerik:AjaxSetting>
              </AjaxSettings>
            </telerik:RadAjaxManager>

Here is one of the DropDowns (the others are all similar):

                  <telerik:RadComboBox ID="ddState" runat="server" AutoPostBack="True" DataSourceID="sdsState"
                    DataTextField="STATENAME" DataValueField="STATEID" AppendDataBoundItems="True"
                    CausesValidation="False" Skin="Web20" TabIndex="3" CollapseDelay="10"
                    ExpandDelay="10">
                    <Items>
                      <telerik:RadComboBoxItem runat="server" Text="-- Select a State --" Value="0" />
                    </Items>
                    <CollapseAnimation Type="OutQuint" Duration="200"></CollapseAnimation>
                  </telerik:RadComboBox>

Here is the code that is triggered by the ajax events:

    Protected Sub ddState_SelectedIndexChanged(ByVal o As Object, ByVal e As Telerik.Web.UI.RadComboBoxSelectedIndexChangedEventArgs) Handles ddState.SelectedIndexChanged
        ddCounty.ClearSelection()
        ddCounty.Items.Clear()
        ddCounty.Items.Add(New RadComboBoxItem("-- Select a County --", 0))
        ddCounty.Enabled = True
        lblPublishesOn1.Visible = False
        lblPublishesOn2.Visible = False
        ddCounty.Focus()
    End Sub

    Protected Sub ddCounty_SelectedIndexChanged(ByVal o As Object, ByVal e As Telerik.Web.UI.RadComboBoxSelectedIndexChangedEventArgs) Handles ddCounty.SelectedIndexChanged
        ddCity.ClearSelection()
        ddCity.Items.Clear()
        ddCity.Items.Add(New RadComboBoxItem("-- Select a City --", 0))
        ddCity.Enabled = True
        lblPublishesOn1.Visible = False
        lblPublishesOn2.Visible = False
        ddCity.Focus()
    End Sub

    Protected Sub ddCity_SelectedIndexChanged(ByVal o As Object, ByVal e As Telerik.Web.UI.RadComboBoxSelectedIndexChangedEventArgs) Handles ddCity.SelectedIndexChanged
        ddNewspaper.ClearSelection()
        ddNewspaper.Items.Clear()
        ddNewspaper.Items.Add(New RadComboBoxItem("-- Select a Newspaper --", 0))
        ddNewspaper.Enabled = True
        lblPublishesOn1.Visible = False
        lblPublishesOn2.Visible = False
        ddNewspaper.Focus()
    End Sub

    Protected Sub ddNewspaper_SelectedIndexChanged(ByVal o As Object, ByVal e As Telerik.Web.UI.RadComboBoxSelectedIndexChangedEventArgs)

        . . .

        lblPublishesOn1.Text = pubMon & pubTue & pubWed & pubThu & pubFri & pubSat & pubSun
        lblPublishesOn2.Text = "Deadline: " & deadLine & " days prior at " & deadTime & " (" & deadTimZon & ")"


        lblPublishesOn1.Visible = True
        lblPublishesOn2.Visible = True
        rdpRun1.Focus()
    End Sub

[Veli]

Hi Marc,

Try wrapping all your dropdowns and labels in one container (e.g. asp:Panel) and AJAX-ify only this content:

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server"
    EnableViewState="False">
              <AjaxSettings>
                <telerik:AjaxSetting AjaxControlID="Panel1">
                  <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="Panel1" />
                  </UpdatedControls>
                </telerik:AjaxSetting>
            </telerik:RadAjaxManager>

Alternatively, re-enable the manager's ViewState and see if it makes any difference.

Greetings,
Veli
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.