在页面提交时，显示提交中loading

最新推荐文章于 2021-04-29 23:28:00 发布

转载最新推荐文章于 2021-04-29 23:28:00 发布 · 1.3k 阅读

文章标签：

#javascript #table #filter #object #server #div

ASP.NET 1.1 专栏收录该内容

102 篇文章

订阅专栏

本文介绍了一个ASP.NET应用程序中实现页面加载时显示等待提示的方法。通过使用`Page_Load`事件添加自定义JavaScript来控制提示框的可见性，并在`OnPreRender`事件中隐藏该提示框，从而提升了用户体验。

<div id="doing" runat="server" style="Z-INDEX: 12000; LEFT: 0px; WIDTH: 100%; CURSOR: wait; POSITION: absolute; TOP: 0px; HEIGHT: 100%">
<table width="100%" height="100%">
<tr align="middle" valign="center">
<td>
<table width="169" height="62" bgcolor="#99cccc" style="FILTER: Alpha(Opacity=75); WIDTH: 169px; HEIGHT: 62px">
<tr align="middle" valign="center">
<td>页面提交中.<br>
Loading.</td>
</tr>
</table>

</td>
</tr>
</table>
</div>

private void Page_Load(object sender, System.EventArgs e)
  {
   // 在此处放置用户代码以初始化页面
   this.Button1.Attributes.Add("onclick","javascript:document.getElementById('doing').style.visibility='visible';");

   }

override protected void OnPreRender(EventArgs e)
  {
   doing.Style.Add("visibility","hidden");
  }