知识大全 加载大量数据时的loading制作

Posted

篇首语:知不足而奋进,望远山而力行。本文由小常识网(cha138.com)小编为大家整理,主要介绍了知识大全 加载大量数据时的loading制作相关的知识,希望对你有一定的参考价值。

  首先创建数据库 导入测试数据 数据库很简单 结构如下

  

  使用如下sql语句导入 条记录

  declare @i int

  set @i=

  while(@i< )

  Begin

  set @i=@i+

  insert into LargeData(col col col ) values( 第一列数据 第二列数据 第三列数据 );

  End

  go

  好了 测试数据准备完毕 现在我们用GridView来显示这 条数据

  Default aspx的代码如下

  代码

  <%@ Page Language= C# AutoEventWireup= true   CodeFile= Default aspx cs Inherits= _Default %>

  <!DOCTYPE PUBLIC //W C//DTD XHTML Transitional//EN transitional dtd >

  < xmlns= >

  <head runat= server >

  <meta equiv= content type content= text/;charset=utf />

  <title>Loading</title>

  <script type= text/javascript src= ></script>

  </head>

  <body >

  <div id= progressBar >加载中 请稍候<img alt= 加载中 src= gif /></div>

  <form id= form runat= server >

  <div id= content >

  <asp:GridView ID= GridView runat= server AutoGenerateColumns= False EnableViewState= False >

  <Columns>

  <asp:BoundField DataField= col HeaderText= COL />

  <asp:BoundField DataField= col HeaderText= COL />

  <asp:BoundField DataField= col HeaderText= COL />

  </Columns>

  </asp:GridView>

  </div>

  </form>

  <script type= text/javascript >

  $( #content ) show();

  $( #progressBar ) fadeOut( );

  </script>

  </body>

  </>

  后台Default aspx cs很简单 代码如下

  代码

  using System;

  using System Data;

  using System Configuration;

  using System Web;

  using System Web Security;

  using System Web UI;

  using System Web UI WebControls;

  using System Web UI WebControls WebParts;

  using System Web UI HtmlControls;

  using System Data SqlClient;

  public partial class _Default : System Web UI Page

  

  private const string SQL_GET_NUM = SELECT * FROM [Demo] [dbo] [LargeData] ;

  protected void Page_Load(object sender EventArgs e)

  

  Response Flush();

  Bind();

  

  private void Bind()

  

  using (SqlConnection con = new SqlConnection(ConfigurationManager ConnectionStrings[ Sql ConStr ] ConnectionString))

  

  SqlCommand cmd = new SqlCommand(SQL_GET_NUM con);

  cmd Connection Open();

  Response Flush();

  GridView DataSource = cmd ExecuteReader(CommandBehavior CloseConnection);

  GridView DataBind();

  

  

cha138/Article/program/net/201311/11402

相关参考

知识大全 数据批量sql*load导入Oracle数据库

数据批量sql*load导入Oracle数据库  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!  S

知识大全 Javascript 遮罩层和加载效果

Javascript遮罩层和加载效果  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!  //load

知识大全 js图片延迟加载的实现方法及思路

这里延迟加载的意思是拖动滚动条时在图片出现在浏览器显示区域后才加载显示   大概的实现方式是在页面的load没有触发之前把所有的指定id的元素内的img放入到imgs中将所有的图片的src值

知识大全 公共js在页面底部加载的注意事项介绍

  JavaScript脚本文件都放在页面底部加载可以有效地加快页面的加载速度但是php控制器一般这样写:复制代码代码如下:$this>load>view($HEADER);$this&g

知识大全 php xml 常用函数大全

  DOM函数  aDOMDocument>load()  作用加载xml文件  用法DOMDocument>load(stringfilename)  参数filenamexml文件; 

知识大全 php xml常用函数的集合

  DOM函数  aDOMDocument>load()  作用加载xml文件  用法DOMDocument>load(stringfilename)  参数filenamexml文件; 

知识大全 站点导航控件数据动态从数据库加载

  数据动态从数据库加载  usingSystemDataOleDb;  publicpartialclassDefault:SystemWebUIPage  

知识大全 gridpanel动态加载数据的实例代码

这篇文章介绍了gridpanel动态加载数据的实例代码有需要的朋友可以参考一下 复制代码代码如下:cha138/Article/program/Java/JSP/201311/20

知识大全 如何在smarty中增加类似foreach的功能自动加载数据

  在smarty中使用自定义插件来加载数据(见编写Smarty插件在模板中直接加载数据的详细介绍)在使用的时候还是感觉不够方便灵机一动就想写成类似foreach那种标签第一步在Smarty_Comp

知识大全 Oracle中如何快速的卸载和加载数据

Oracle中如何快速的卸载和加载数据  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!  前几天有个