知识大全 加载大量数据时的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
相关参考