为什么设置 AssociatedUpdatePanelId 后更新进度不会触发？

Question

当我分配 AssociatedUpdatePanelId 时，当我选择状态时不会显示进度，但当我将其留空时，它会显示进度。

这是 aspx 标记：

<div>
    <asp:ListBox ID="lstStates" runat="server" AutoPostBack="True"
    OnSelectedIndexChanged="lstStates_SelectedIndexChanged" SelectionMode="Multiple">
    </asp:ListBox>
</div>
<div>
    <asp:UpdatePanel ID="UpdatePanel1" runat="server">
    <ContentTemplate>
    <asp:Panel ID="pnlCounty" runat="server">
    <asp:ListBox ID="lstCounties" runat="server" SelectionMode="Multiple">
    </asp:ListBox>
    </asp:Panel>
    </ContentTemplate>
    <Triggers>
    <asp:AsyncPostBackTrigger ControlID="lstStates" EventName="SelectedIndexChanged" />
    </Triggers>
    </asp:UpdatePanel>
    <asp:UpdateProgress ID="UpdateProgress2" runat="server" DisplayAfter="1"
                        AssociatedUpdatePanelID="UpdatePanel1">
    <ProgressTemplate>
    <img src="../images/loader2.gif" />
    Loading Counties...
    </ProgressTemplate>
    </asp:UpdateProgress>
</div>

Answer 1

根据 本文，UpdatePanel 的外部触发器不会触发关联的 UpdateProgress，由于启用 UpdateProgress 控件的实现会在控件层次结构中搜索调用控件； 外部触发器不会出现在控制层次结构中。

然而，这篇文章确实建议注入一些 JavaScript 来弥补这个错误； 我已经对其进行了修改（希望）满足您的需求：

<script type="text/JavaScript" language="JavaScript">
    function pageLoad()
    {      
       var manager = Sys.WebForms.PageRequestManager.getInstance();
       manager.add_endRequest(endRequest);
       manager.add_beginRequest(OnBeginRequest);
    }
    function OnBeginRequest(sender, args)
    {
      var postBackElement = args.get_postBackElement();
      if (postBackElement.id == 'lstStates')
      { 
     $get('UpdateProgress2').style.display = "block";  
      }
   }
</script>

Answer 2

不要忘记

$get('UpdateProgress2').style.display = "block"; 

使用

$get('<%=UpdateProgress2.ClientID%>').style.display = "block";  

.NET 为控制器创建自己的名称（实际上附加“MainContent”或其他名称）。