zoukankan      html  css  js  c++  java
  • 【转】在ASP.NET中显示进度条

    对于加载时间比较长的ASP.NET页面,我们可以在客户端浏览器中显示进度条来显示页面正在装载。下面就是具体的实现过程:
      
      1.新建项目,名字为WebPortal,在项目类型中选择Visual C#项目或者Visual Basic项目都可;
      2.在模板类型中选择ASP.NET Web应用程序;
      3.位置里输入:http://localhost/WebPortal;
      4.添加新项:名字为ShowProgress的Web窗体。
      5.在您的Web窗体ShowProgress.aspx上添加任何其他的Web服务器控件。
      6.在ShowProgress.aspx上单击右键,点“查看代码”,在最上面输入:
      Visual C# .NET代码
      using System.Threading;
      
      Visual Basic .NET代码
      Imports System.Threading
      
      7.在Page_Load事件里输入: Visual C# .NET代码
      Response.Write("<div id='mydiv' >");
      Response.Write("_");
      Response.Write("</div>");
      Response.Write("<script>mydiv.innerText = '';</script>");
      Response.Write("<script language=javascript>;");
      Response.Write("var dots = 0;var dotmax = 10;function ShowWait()");
      Response.Write("{var output; output = '正在装载页面';dots++;if(dots>=dotmax)dots=1;");
      Response.Write("for(var x = 0;x < dots;x++){output += '·';}mydiv.innerText = output;}");
      Response.Write("function StartShowWait(){mydiv.style.visibility = 'visible'; ");
      Response.Write("window.setInterval('ShowWait()',1000);}");
      Response.Write("function HideWait(){mydiv.style.visibility = 'hidden';");
      Response.Write("window.clearInterval();}");
      Response.Write("StartShowWait();</script>");
      Response.Flush();
      Thread.Sleep(10000);
      
      Visual Basic .NET代码
      Response.Write("<div id='mydiv' >")
      Response.Write("_")
      Response.Write("</div>")
      Response.Write("<script>mydiv.innerText = '';</script>")
      Response.Write("<script language=javascript>;")
      Response.Write("var dots = 0;var dotmax = 10;function ShowWait()")
      Response.Write("{var output; output = '正在装载页面';dots++;if(dots>=dotmax)dots=1;")
      Response.Write("for(var x = 0;x < dots;x++){output += '·';}mydiv.innerText = output;}")
      Response.Write("function StartShowWait(){mydiv.style.visibility = 'visible'; ")
      Response.Write("window.setInterval('ShowWait()',1000);}")
      Response.Write("function HideWait(){mydiv.style.visibility='hidden';")
      Response.Write("window.clearInterval();}")
      Response.Write("StartShowWait();</script>")
      Response.Flush()
      Thread.Sleep(10000)
      
      8.在ShowProgress.aspx窗体的html的中输入:
      <script>
      HideWait();
      </script>
      
      9.点在浏览器中查看即可 

    Trackback: http://tb.blog.csdn.net/TrackBack.aspx?PostId=1828658


  • 相关阅读:
    聊聊自定义实现的SPI如何与spring进行整合
    聊聊读源码这件事
    聊聊自定义SPI如何使用自定义标签注入到spring容器中
    聊聊如何自定义数据脱敏
    聊聊自定义SPI如何与sentinel整合实现熔断限流
    排查not eligible for getting processed by all BeanPostProcessors
    SqlServer 数据脱敏脚本
    WPF 窗体使用 Show() 单个显示并设置弹窗相对于主窗体位置
    【SQLite】获取插入 ID 的几种方式
    Winform DataGridView 行单元格增加自定义 ToolTip
  • 原文地址:https://www.cnblogs.com/reagan/p/927280.html
Copyright © 2011-2022 走看看