看这个标记:
<asp:UpdatePanel ID="Panel1" runat="server" UpdateMode="Conditional">
<ContentTemplate>
<asp:DropDownList ID="cboBox1" ClientIDMode="Static" AutoPostBack="true" runat="server" />
</ContentTemplate>
</asp:UpdatePanel>
<asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional">
<ContentTemplate>
<asp:DropDownList ID="cboBox2" runat="server" />
<asp:UpdateProgress ID="UpdateProgress1" style="display: inline" AssociatedUpdatePanelID="Panel1" DynamicLayout="false" DisplayAfter="0" runat="server">
<ProgressTemplate>
<img src='<%= ResolveClientUrl("~/Images/indicator.gif")%>' border="0" alt="" />
</ProgressTemplate>
</asp:UpdateProgress>
</ContentTemplate>
<Triggers>
<asp:AsyncPostBackTrigger ControlID="cboBox1" EventName="SelectedIndexChanged" />
</Triggers>
</asp:UpdatePanel>
UpdateProgress控件最初工作,但当我们将ClientMode="Static"添加到cboBox1时就中断了。将其恢复为AutoID不是一个选项,所以我需要找到允许UpdateProgress面板与ClientIDMode="Static"一起工作的解决方案。
另外,有人可以添加"clientidmode"到标签列表吗?
看起来这是PageRequestManager
的一个bug,因为postBackElement
没有传递给beginRequest事件处理程序。对于这个特殊问题,您可以使用以下脚本:
$(function () {
$("#cboBox1").live("change", function () {
window.setTimeout(function () {
var progress = $find("<%= UpdateProgress1.ClientID %>");
// since you use 0 DisplayAfter property value you may
// just call progress.set_visible(true);
// without timeout usage
window.setTimeout(function () { progress.set_visible(true); }, progress.get_displayAfter());
}, 0);
});
});