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


  • 相关阅读:
    通过AIR Native Extension在AIR应用中加入iAd广告(一) —— Flash Builder篇
    使用MonoTouch.SQLite简化用户界面开发
    常见的几种分支开发方式
    给对象增加一个简单的自定义事件机制
    WCF 4.5:配置文件更小,对ASP.NET的支持更好
    MongoDB中的Group By
    SQL Server 2012大幅增强了TSQL
    编程珠玑:对DAO层的一点修改
    《The Elements of User Experience》读书笔记
    ORM工具LLBLGen Pro 3.5发布
  • 原文地址:https://www.cnblogs.com/reagan/p/927280.html
Copyright © 2011-2022 走看看