c# - C# ASP.NET 中页面之间的“请稍候”屏幕。最佳实践？

Question

我有一个带有一些图像按钮的 GridView ，每个图像按钮都会启动该项目的报告页面。报告需要 10-15 秒才能运行，所以我想要一个弹出式的“正在生成报告，请稍候”类型的东西。我可以想到几种方法，但希望得到比我更有经验的人的意见。我正在考虑的选项:

a) 将我的图像按钮链接到一个显示“请稍候”的中间页面，然后从那里将其引用到报告页面。看起来有点笨重 b) 使用 jquery 或类似工具进行调查。我有 telerik 控件，它们有一些东西，但不清楚是否合适。 c) 定义某种带有请稍候警告的 CSS 层，并使其作为按钮的 onclick 事件的一部分可见 d) 查看 jquery 或类似的

有什么想法吗？

谢谢!

Answer 1

我使用具有透明度的 Div，它非常酷且简单。试一试。

 <div id="ModalPopup" style="visibility: hidden;">
  <div style="position: fixed; width: 100%; height: 100%; z-index: 10002; background-color: Gray;
    filter: alpha(opacity=70); opacity: 0.7;">
    &nbsp;
  </div>
  <table style="position: fixed; width: 100%; height: 100%; z-index: 10003;">
    <tr>
      <td align="center" valign="middle">
        <div style="color: Black; font-weight: bolder; background-color: White; padding: 15px;
          width: 200px;">
          <asp:Image ID="Image3" runat="server" ImageUrl="~/Images/progress.gif" />
          Procesando....
        </div>
      </td>
    </tr>
  </table>
  </div>

要显示 div，请使用此 JavaScript:

document.getElementById('ModalPopup').style.visibility = 'visible';