更新面板内的 RadioButton 导致回发答案

【问题标题】：RadioButton inside Update Panel causing postback更新面板内的 RadioButton 导致回发
【发布时间】：2012-04-28 21:19:54
【问题描述】：

我将以下控件放在更新面板中，以便整个页面不会刷新。单击按钮时，页面不会刷新，但是当我尝试更改单选按钮时，页面会刷新并导致完整的回发。这是我的代码：

<ajaxToolkit:ToolkitScriptManager ID="ToolkitScriptManager" runat="Server" EnablePartialRendering="true" />
<asp:UpdatePanel ID="updatePanelToggle" runat="server">
    <ContentTemplate>
        <asp:RadioButton ID="radioOn" AutoPostBack="true" runat="server" GroupName="toggle" Text="On" OnCheckedChanged="radioOn_CheckedChanged" />
        <asp:RadioButton ID="radioOff" AutoPostBack="true" runat="server" GroupName="toggle" Text="Off" OnCheckedChanged="radioOff_CheckedChanged" />
        <asp:Button ID="testButton" runat="server" OnClick="mybutton_click"/>
    </ContentTemplate>
</asp:UpdatePanel>

【问题讨论】：

在您的UpdatePanel 中设置UpdateMode="Always" 有什么不同吗？
您的单选按钮中是否需要 AutoPostBack="true"？你能把它设置为假吗？
@jadarnel27 我尝试了UpdateMode="Always" 和UpdateMode="Conditional"，它们都不起作用
@Krishna 是的，我需要它，因为如果我将其设置为 false，则不会调用 OnCheckedChanged 方法

标签： c# asp.net ajax updatepanel

【解决方案1】：

根据您的要求，您可以通过添加触发器来控制回发。如果您只想更新更新面板内容，请使用AsyncPostBackTrigger。如果您需要完整的回帖，请使用PostBackTrigger。

<asp:UpdatePanel ID="updatePanelToggle" runat="server" UpdateMode="Conditional">
    <ContentTemplate>
        <asp:RadioButton ID="radioOn" AutoPostBack="true" runat="server" GroupName="toggle" Text="On" OnCheckedChanged="radioOn_CheckedChanged" />
        <asp:RadioButton ID="radioOff" AutoPostBack="true" runat="server" GroupName="toggle" Text="Off" OnCheckedChanged="radioOff_CheckedChanged" />
        <asp:Button ID="testButton" runat="server" OnClick="mybutton_click"/>
    </ContentTemplate>
   <Triggers>
        <asp:AsyncPostBackTrigger ControlID="radioOn" />
        <asp:AsyncPostBackTrigger ControlID="radioOff" />
        <asp:PostBackTrigger ControlID="testButton" />
    </Triggers>
</asp:UpdatePanel>

【讨论】：