The RadAjaxManager do not fire postback with RadioButtonList

[Ricky]

Hi, I drop a RadioButtonList and set its default select index to 0. In normal postback (with RadAjaxManager) mechanism, everything goes well. But if I use RadAjaxManager to instruct it to upload another Control, selecting the first option will not fire postback, while selecting others goes normally. The code snippet is as follows:

    <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
        <AjaxSettings>
            <telerik:AjaxSetting AjaxControlID="TimeOption_RadioList">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="Chart1" />
                </UpdatedControls>
            </telerik:AjaxSetting>

 <asp:Panel ID="filterRadio_Panel" runat="server"  DefaultButton="filterSubmit_Btn">
     <asp:RadioButtonList ID="TimeOption_RadioList" runat="server" RepeatDirection="Horizontal"
     OnSelectedIndexChanged="TimeOption_RadioList_SelectedIndexChanged"
     AutoPostBack="True" DataSource='<%#getTimeOptions() %>' DataTextField="key" DataValueField="value" OnDataBound="TimeOption_RadioList_DataBound" >

     </asp:RadioButtonList>
 </asp:Panel>

Is this a common bug?

Regards,
Ricky.

[Steve]

Hi Ricky,

We could not reproduce the problem on our end. Find attached a sample project using your code. We would appreciate it if you modify it so that it exhibits the abnormality you have encountered.

Looking forward to your reply.

All the best,
Steve
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[Ricky]

Simply add Selected attribute to the first item, you will observe what I mentioned.
               
<asp:ListItem Selected="True">111</asp:ListItem>

Ricky.

[Steve]

Hello Ricky,

This is a known problem, which is caused by the fact that setting Selected=true, changes the rendering for that item and it no longer attaches onclick attribute for it. To workaround this weird problem, you can set the wrapping asp:Panel as the initiator and updated controls instead:

  <asp:Panel ID="filterRadio_Panel" runat="server" DefaultButton="Button1">
            <asp:RadioButtonList ID="TimeOption_RadioList" runat="server" RepeatDirection="Horizontal"
                OnSelectedIndexChanged="TimeOption_RadioList_SelectedIndexChanged" AutoPostBack="True">
                <asp:ListItem Selected="True">111</asp:ListItem>
                <asp:ListItem>222</asp:ListItem>
                <asp:ListItem>333</asp:ListItem>
                <asp:ListItem>444</asp:ListItem>
            </asp:RadioButtonList>
            <asp:Button ID="Button1" runat="server" />
            <asp:Label ID="Label1" runat="server"></asp:Label>
        </asp:Panel>

Hope this helps.

Greetings,
Steve
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[Ricky]

Strange enough. Could you provide me the articles or references about this issue?

Appreciate very much.
Ricky.

[Steve]

Hi Ricky,

We have not yet documented this one, but I am adding it in our TODO list right now. Thank you for bringing it up -  your Telerik points have been updated. Here is the difference between the selected item and the normal item in the RadioButtonList:

    <table id="RadioButtonList1" border="0">
    <tr>
        <td><input id="RadioButtonList1_0" type="radio" name="RadioButtonList1" value="111" checked="checked" /><label for="RadioButtonList1_0">111</label></td>
    </tr><tr>
        <td><input id="RadioButtonList1_1" type="radio" name="RadioButtonList1" value="222" onclick="javascript:setTimeout('__doPostBack(\'RadioButtonList1$1\',\'\')', 0)" /><label for="RadioButtonList1_1">222</label></td>
    </tr>
</table>

Notice how the first item is missing the onclick attribute, so the Ajax controls which rely on that cannot handle the event. It would work if you use the parent panel as initiator and updated control as the RadioButtonList postbacks internally on the selected item and this way the request is intercepted on panel level.

Best wishes,
Steve
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[Ricky]

Understand the concept.
Thanks for the explanation.

Ricky.

[Ricky]

Hi, if the updated control msut be outside the parent panel, this solution raised another problem, the re-select the first item (default selected one) will trigger normal postback.

Ricky.

[Steve]

Hi Ricky,

Unfortunately there is no straightforward way to resolve this as it is .NET framework problem that is present in MS AJAX as well. Here is how your scenario would look like if using UpdatePanel:

 <asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>
        <asp:Panel ID="filterRadio_Panel" runat="server" DefaultButton="Button1">
            <asp:RadioButtonList ID="TimeOption_RadioList" runat="server" RepeatDirection="Horizontal"
                OnSelectedIndexChanged="TimeOption_RadioList_SelectedIndexChanged" AutoPostBack="True">
                <asp:ListItem Selected="True">111</asp:ListItem>
                <asp:ListItem>222</asp:ListItem>
            </asp:RadioButtonList>
            <asp:Button ID="Button1" runat="server" />
        </asp:Panel> <asp:UpdatePanel ID="UpdatePanel1" runat="server"><ContentTemplate>
        <asp:Label ID="Label1" runat="server"></asp:Label></ContentTemplate>
            <Triggers>
                <asp:AsyncPostBackTrigger ControlID="TimeOption_RadioList" />
            </Triggers>
        </asp:UpdatePanel>

As you can see the Selected ListItem does not fire its event here as well. The only possible reliable solution will be if you use standard RadioButtons grouped in your own "RadioButtonList" which of course would require some amount of logic applied.

Kind regards,
Steve
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[Ricky]

Here is a workaround
http://forums.asp.net/p/1015714/1944047.aspx, although not straightforward.

FYI,
Ricky

[Jeff]

I just set the updated controls to point to the RadioButtonList and this seems to work.

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
        <AjaxSettings>
            <telerik:AjaxSetting AjaxControlID="TimeOption_RadioList">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="Chart1" />
                   <telerik:AjaxUpdatedControl ControlID="TimeOption_RadioList" />
                </UpdatedControls>
            </telerik:AjaxSetting>

[Doug]

Jeff's solution solved my problem with this as well.  Thanks Jeff!

[Nicolaï]

Yes, thanks Jeff!

[Pravin]

Hi,

I am having the same problem. I am using a radio button list in the user control  and rad manager is on the master page. I have added radio button list in asp:panel. User control gets loaded dynamically. How I can add it as "AjaxUpdatedControl" as control id will changed and will be depending on the consumer (the way asp.net generates id...).

Is there any other way to resolve this issue. Let me know.

Thanks,
Pravin.

[Nicolaï]

Sounds like you need to add ajax settings from code behind..?
RadAjaxManager1.AjaxSettings.AddAjaxSetting(controlID,controlID,LoadingPAnelID)

and perhaps
Dim ram As RadAjaxManager = RadAjaxManager.GetCurrent(Me.Page)
to find the ajaxmanager on the master page.

[Mathieu]

Thanks Jeff. I encountered this problem with RadControls For ASP.NET Ajax Q2 2011, and Jeff's solution works.

[Doug Beard]

Solves the problem with the latest release still, thanks Jeff!