strange AJAX behavior

[kcwallace]

I am using the following HTML code to manage my page. The problem is that the radio button "rbShowWearersAll" will not fire its event. Am I doing something wrong? the other four work perfectly

<asp:RadioButton ID="rbShowWearersAll" runat="server" GroupName="showWearers" 
    oncheckedchanged="rbShowWearers_CheckedChanged" Text="All" 
    AutoPostBack="True" />
&nbsp;<asp:RadioButton ID="rbShowWearersActive" runat="server" 
     oncheckedchanged="rbShowWearers_CheckedChanged" GroupName="showWearers" 
    Text="Active" AutoPostBack="True" />
<asp:RadioButton ID="rbShowWearersInactive" runat="server" 
     oncheckedchanged="rbShowWearers_CheckedChanged" GroupName="showWearers" 
    Text="Inactive" AutoPostBack="True" />
<asp:UpdatePanel ID="UpdatePanel8" runat="server" UpdateMode="Conditional">
    <ContentTemplate>
        <asp:GridView 
            ID="gvWearers" runat="server" SkinID="gridviewSkin" 
            AutoGenerateSelectButton="True" 
            OnSelectedIndexChanging="gvWearers_SelectedIndexChanging" 
            OnPageIndexChanging="gvWearers_PageIndexChanging"                        
            AllowPaging="True" 
            PageSize="20" ></asp:GridView>
    </ContentTemplate>
    <Triggers>
        <asp:AsyncPostBackTrigger ControlID="rbShowWearersAll" EventName="CheckedChanged" />
        <asp:AsyncPostBackTrigger ControlID="rbShowWearersActive" EventName="CheckedChanged" />
        <asp:AsyncPostBackTrigger ControlID="rbShowWearersInactive" EventName="CheckedChanged" />
        <asp:AsyncPostBackTrigger ControlID="ImageButton1" EventName="Click" />
        <asp:AsyncPostBackTrigger ControlID="ImageButton2" EventName="Click" />
    </Triggers>
</asp:UpdatePanel>

 

[maheshsharma]

not sure..but maybe ur radio buttons shud be inside the <ContentTemplate>
u can try n see if that works..

 

[kcwallace]

That is not the answer. the trigger control has to be outside the update panel.

 

[Nate Bross]

Is the markup above your actual page, or just a subset? Is there anything else special about that radio button?

 

[kcwallace]

It is a subset. It is inside of an AJAX Tab Control.

THere is nothing special about any of the radio buttons. I lterally just dragged them onto the page, and made the very basic changes that you can see above.

The code behind is very simple. It just changes the data source for the data grid, and refreshes it.

The problem is that the OnCheckedChanged event never get called.

I did get it to work if I changed the form so none of them are checked at page load, but this is undesireable.

 

[IxiRancid]

Interesting issue indeed. This is what I get if I look at the page source:

[B]<input id="rbShowWearersAll" type="radio" name="showWearers" value="rbShowWearersAll" checked="checked" />[/B]
<label for="rbShowWearersAll">All</label>
<input id="rbShowWearersActive" type="radio" name="showWearers" value="rbShowWearersActive" 
onclick="javascript:setTimeout(__doPostBack(\rbShowWearersActive\,\\), 0)" />
<label for="rbShowWearersActive">Active</label>
<input id="rbShowWearersInactive" type="radio" name="showWearers" value="rbShowWearersInactive" 
onclick="javascript:setTimeout(__doPostBack(\rbShowWearersInactive\,\\), 0)" />
<label for="rbShowWearersInactive">Inactive</label>

If I set this radiobutton to checked="true" or even do it on Page_Load it doesnt set his onclick properties. And if I change my selection to any other radiobuttons the property "checked" remains unchanged.

Dont know what the issue is right now, but below is a solution that works:

<asp:RadioButtonList ID="RadioButtonList1" runat="server" AutoPostBack="True">
<asp:ListItem Selected="True">all</asp:ListItem>
<asp:ListItem>act</asp:ListItem>
<asp:ListItem>inact</asp:ListItem>
</asp:RadioButtonList>

And in codebehind:

Protected Sub RadioButtonList1_SelectedIndexChanged(ByVal sender As Object, ByVal e As System.EventArgs) 
Handles RadioButtonList1.SelectedIndexChanged
        If Me.RadioButtonList1.Items(0).Selected = True Then
            process
        ElseIf Me.RadioButtonList1.Items(1).Selected = True Then
            process
        ElseIf Me.RadioButtonList1.Items(2).Selected = True Then
            process
        End If
End Sub

The example was tested, but I didnt put a Tab control on it, also I didnt set any Triggers. Should work just fine, if not try with some triggers.

A simillar issue with Panel control, which enabled/disabled doesnt update its child controls to a new state in this blog

 

[JohnsHandle]

If I set this radiobutton to checked="true" or even do it on Page_Load it doesnt set his onclick properties. And if I change my selection to any other radiobuttons the property "checked" remains unchanged.

Dont know what the issue is right now, but below is a solution that works:

Interesting problem you found.
It doesnt set the onclick event to the checked radio button like you say. This makes sense as clicking on the selected radiobutton isnt a change event so shouldnt cause a postback.

However, as you are using the update panel you prevent a full postback and only the content inside the update panel is updated. This means your radio buttons will not be rerendered and remain in the initial state which is now wrong.

Obviously you have a solution that works but you could also move the radiobuttons inside the update panel to fix it.

Anyway thanks for finding this.

 

[IxiRancid]

I dont think that solves the problem. Indeed, I had OPs radiobuttons outside of UpdatePanel, but I recoded my test page to this:

<asp:UpdatePanel ID="UpdatePanel88" runat="server" UpdateMode="Always">
<ContentTemplate>
<asp:RadioButton ID="rbShowWearersAll" runat="server" GroupName="showWearers" 
oncheckedchanged="rbShowWearers_CheckedChanged" Text="All"  
AutoPostBack="True" />
<asp:RadioButton ID="rbShowWearersActive" runat="server" 
oncheckedchanged="rbShowWearers_CheckedChanged" GroupName="showWearers" 
Text="Active" AutoPostBack="True" />
<asp:RadioButton ID="rbShowWearersInactive" runat="server" 
oncheckedchanged="rbShowWearers_CheckedChanged" GroupName="showWearers" 
Text="Inactive" AutoPostBack="True" />
</ContentTemplate>
</asp:UpdatePanel>

It still works as described in my post above. There is no onclick and it remains as "checked" all the time (in Page Source). This behaviour occurs only when Checked="True" is set in properties or in Page_Load.

But, it does change a postback for the first RadioButton.
So, if they are inside an UpdatePanel all three postback, but the first one retains its values - no onclick.

 

[JohnsHandle]

I dont think that solves the problem. Indeed, I had OPs radiobuttons outside of UpdatePanel, but I recoded my test page to this:

It still works as described in my post above. There is no onclick and it remains as "checked" all the time (in Page Source). This behaviour occurs only when Checked="True" is set in properties or in Page_Load.

But, it does change a postback for the first RadioButton.
So, if they are inside an UpdatePanel all three postback, but the first one retains its values - no onclick.

What have you done in page load?

Does it similar to this:

if(!IsPostback)
{
rbShowWearersAll.Checked = true;
}

 

[kcwallace]

What have you done in page load?

Does it similar to this:

if(!IsPostback)
{
rbShowWearersAll.Checked = true;
}

the radiobutton is set at page load in the manner you wrote in the code for the original post. I cannot speak for the other posters attempts at solving the problem

 

[IxiRancid]

I tried both ways
- set Checked=true in properties of control at design-time
- and in Page_Load as you said: rbShowWearersAll.Checked = true;

Reading my previous post again, I discovered I didnt make it clear:
The solution JohnsHandle suggested (UpdatePanel) works!

It does solve OPs problem, but Im interested in that "no onclick event" behavior of this RadioButton. Will check it when I get some time.