为什么设置AssociatedUpdatePanelId时不会触发Update Progress?

时间:2009-06-15 16:08:22

标签: asp.net updatepanel

当我分配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>

2 个答案:

答案 0 :(得分:10)

根据this article,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>

答案 1 :(得分:0)

别忘了

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

使用

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

.NET为控制器组成了自己的名称(实际上是在其后附加“ MainContent”或其他内容)。