我在 ItemTemplate 中有一个带有 RadioButtonList 的中继器，但是当 RadioButtonList.OnSelectedIndexChanged 事件触发时，它会生成一个完整的回发。我在下面的代码中做错了什么？如何让 OnSelectedIndexChanged 生成异步回发？
<asp:UpdatePanel runat="server" ID="UpdatePanel2">
<ContentTemplate>
<asp:Repeater ID="Repeater1" runat="server" DataSourceID="sqlOptions">
<ItemTemplate>
<asp:UpdatePanel runat="server" ID="pnlA">
<ContentTemplate>
<strong>
<%# Eval("Name") %></strong><br />
<asp:RadioButtonList ID="RadioButtonList1"
DataSourceID="sqlOptionValues" runat="server"
DataTextField="id" DataValueField="Id" AutoPostBack="true"
OnSelectedIndexChanged="LoadPrice"
ValidationGroup="options" />
<asp:RequiredFieldValidator ID="RequiredFieldValidator1"
ForeColor="Red" runat="server"
ControlToValidate="RadioButtonList1"
ErrorMessage="Required Field"
ValidationGroup="options" />
<asp:SqlDataSource ID="sqlOptionValues" runat="server"
ConnectionString="<%$ ConnectionStrings:
ConnectionString6 %>"
SelectCommand='<%# "SELECT DISTINCT OptionValue.Name,
OptionValue.Id FROM CombinationDetail
INNER JOIN OptionValue
ON CombinationDetail.OptionValueId = OptionValue.Id
WHERE (OptionValue.OptionId =" +
Eval("Id") + ")" %>'>
</asp:SqlDataSource>
<br />
</ContentTemplate>
</asp:UpdatePanel>
</ItemTemplate>
</asp:Repeater>
</ContentTemplate>
</asp:UpdatePanel>
非常感谢您的帮助:)
最佳答案
这是一个真实世界的用例。我有一个页面，其中包含中继器、其他 Accordion 内的 Ajax Accordion 、其他更新面板内的更新面板，您可以说出它的名字。该页面效果很好，除非我想用我的 RadioButtonList (RBL) 更新 Accordion 面板之一。即使在更新面板中使用 RBL，它也会导致整个页面的回发。我尝试了一切。当我注意到我的按钮可以正常工作时，我终于意识到这不是我。我认为它一定是框架或 Ajax Control Toolkit 中的错误。我确实发现人们在整个网络 ( http://blog.smarx.com/posts/the-case-of-the-radiobuttonlist-half-trigger.aspx ) 上都引用了这个链接，但是这个 2007 年的链接现在已经死了，可能不再适用，所以这没有帮助。
我最终做的是使用有效的方法 - 提交按钮。我所做的只是向 RBL 添加一个 onclick 属性以调用隐藏按钮。现在您不想将按钮设置为 Visible=false，因为这样按钮就不会出现在生成的标记中。相反，将按钮的样式设置为 display:none;所以没有人会看到这个黑客，因为是的，这就是这个解决方法 - 它是一种黑客，但简单且与您期望的一样有效。不要忘记从 RBL 中删除 Autopostback="True"。
警告:因为我在 onclick 事件中使用了一个被黑的按钮，所以用户可以点击 RBL 区域，但实际上并没有选择一个项目。发生这种情况时，我们的 onclick 会触发 AsyncPostBack 并且将处理代码隐藏逻辑，因此请记住这一点。为了让您了解我的意思:所有 Page_Load() 事件都将被调用，但 rbl_Questions_SelectedIndexChanged() 不会被调用，如果它们碰巧在 RBL 区域中单击而没有实际选择一个项目。出于我的目的，这不会导致我的逻辑问题并且对用户没有影响。
这是代码:
在 .Aspx 页面中的某处:
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<asp:RadioButtonList ID="rbl_Questions" runat="server"
OnSelectedIndexChanged="rbl_Questions_SelectedIndexChanged">
</asp:RadioButtonList>
<asp:Button ID="btn_rbl_Questions" runat="server" style="display:none;"/>
<asp:Label ID="lbl_Result" runat="server" Text="" Visible="false">
</asp:Label>
</ContentTemplate>
</asp:UpdatePanel>
在 Page_Load() 事件中:
protected void Page_Load(object sender, EventArgs e)
{
if (IsPostBack == false)
{
//Instead of using the AutoPostback of the RBL, use this instead.
rbl_Questions.Attributes.Add("onclick",
"document.getElementById('"
+ btn_rbl_Questions.ClientID
+ "').click();");
//Bind your RBL to a DataSource, add items programmatically,
// or add them in the aspx markup.
}
}
在 rbl_Questions_SelectedIndexChanged() 事件中:
protected void rbl_Questions_SelectedIndexChanged(object sender, EventArgs e)
{
//Your code here.
//My code unhid the lbl_Result control and set its text value.
}
2011 年 5 月 24 日更新
不再需要上面的“hack”(我将其留在上面，因为作者将其标记为答案)。多亏了这个SO Answer，我找到了最好的方法:
Updatepanel gives full postback instead of asyncpostback
现在代码简单多了，只需删除我在 Page_Load() 方法中放置的内容并删除我在 Aspx 页面中使用的 Button 并将 ClientIDMode="AutoID"和 AutoPostBack="True"添加到您希望 UpdatePanel 捕获的控件中.
在 .Aspx 页面中的某处:
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<asp:RadioButtonList ID="rbl_Questions" runat="server"
ClientIDMode="AutoID" AutoPostBack="true"
OnSelectedIndexChanged="rbl_Questions_SelectedIndexChanged">
</asp:RadioButtonList>
<asp:Label ID="lbl_Result" runat="server" Text="" Visible="false">
</asp:Label>
</ContentTemplate>
</asp:UpdatePanel>
MS 将 .net 4.0 中 ClientID 的生成方式从“AutoID”更改为“Predictable”，我猜 ScriptManager 或 UpdatePanel 没有正确更新以使用它。我找不到关于为什么它在任何地方或者它是否被设计留下的文档。
关于asp.net - 中继器内 UpdatePanel 内的 RadioButtonList，可以吗？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/5904011/