javascript - "Please wait"使用 ASP.NET 3.5 的每个用户操作的图像

Question

在我们的 ASP.NET 3.5 应用程序中，我们希望实现“请稍候..”功能:在每个用户操作(按钮点击、选项卡更改等)上，我们会在页面顶部显示一个小旋转器(实际上在我们已经使用的单独框架中)。

我们想到了这个解决方案:

1. “劫持”_doPostBack 以拦截每个事件，显示旋转器图像，然后执行原始的 _doPostBack 函数
2. 在 ASP.NET 代码隐藏中注册一个客户端脚本 block 以在处理结束时隐藏图像

我的问题是:您认为这是一个好的解决方案吗？它当然不是很优雅，但看起来非常有效。有没有另一种解决方案/模式来做这种事情？

PS:我们不使用 JQuery，我们使用 UpdatePanels

Answer 1

由于您已经在使用 UpdatePanel，您只需添加一个 UpdateProgress控制页面并将其关联到您的 UpdatePanel。

当从 UpdatePanel 内部启动部分回发时，这将自动显示，并在请求完成后隐藏。

下面是一个示例，只需将 img 标签指向旋转图像即可。您可以将控件放置在您希望它出现的位置。

<asp:UpdateProgress runat="server" AssociatedUpdatePanelID="updatePanel1">
  <ProgressTemplate>
    <img src="./images/somespinner.gif" />Please wait...
  </ProgressTemplate>
</asp:UpdateProgress>