UpdateProgress的AssociatedUpdatePanelID属性

最新推荐文章于 2021-03-25 16:28:32 发布

最新推荐文章于 2021-03-25 16:28:32 发布 · 109 阅读

本文介绍如何在ASP.NET AJAX中使用UpdateProgress组件显示加载进度，并探讨当按钮位于UpdatePanel之外时，如何通过PageRequestManager来实现进度指示的显示与隐藏。

Code

<asp:UpdatePanelID="UpdatePanel1"runat="server"UpdateMode="Conditional">

<%=DateTime.Now%><asp:ButtonID="Button1"runat="server"Text="Button"OnClick="Button1_Click"/>

</ContentTemplate>

<asp:AsyncPostBackTriggerControlID="Button1"/>

</Triggers>

</asp:UpdatePanel>

<asp:UpdateProgressID="UpdateProgress1"runat="server"AssociatedUpdatePanelID="UpdatePanel1">

123

</ProgressTemplate>

</asp:UpdateProgress>

<asp:UpdatePanelID="UpdatePanel2"runat="server"UpdateMode="Conditional">

<%=DateTime.Now%><asp:ButtonID="Button2"runat="server"Text="Button"OnClick="Button1_Click"/>

</ContentTemplate>

<asp:AsyncPostBackTriggerControlID="Button2"/>

</Triggers>

</asp:UpdatePanel>

<asp:UpdateProgressID="UpdateProgress2"runat="server"AssociatedUpdatePanelID="UpdatePanel2">

321

</ProgressTemplate>

</asp:UpdateProgress>

上面的代码是实现，点击Button1显示１２３　，点击Button2显示321,

关键点在于　Button位置，如果Button在<ContentTemplate>中，则UpdateProgress中的内容可以显示，如果说Button的位置在<ContentTemplate>外，既UpdatePanel的外部的话， UpdateProgress中的内容就不会显示了！

方法二：

如果Button的位置必需在UpdatePanel的外部的话，就得运用PageRequestManager中的initializeRequest事件和endRequest事件，代码如下：

Code
<Triggers>
<asp:AsyncPostBackTriggerControlID="Button1"EventName="Event"/>
</Triggers>

Code
varprm=Sys.WebForms.PageRequestManager.getInstance();
prm.add_initializeRequest(InitializeRequest);
prm.add_endRequest(EndRequest);
varpostBackElement;
functionInitializeRequest(sender,args)
{
if(prm.get_isInAsyncPostBack())
args.set_cancel(true);
postBackElement=args.get_postBackElement();

if(postBackElement.id=='Button1')
$get('UpdateProgress1').style.display='block';
}
functionEndRequest(sender,args)
{
if(postBackElement.id=='Button1')
$get('UpdateProgress1').style.display='none';
}

原文：

http://www.codeproject.com/KB/ajax/UpdateProgress.aspx