实验环境：
1、开发工具：vs2008
2、其他组件：jquery datagrid(easyui) gridview(aspnet)
3、1000条数据绑定
数据库源：
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
|
public class DataSource
{
public static DataTable GetData()
{
DataTable dt = BuildTable();
for (int i = 0; i < 1000; i++)
{
DataRow dr = dt.NewRow();
dr["productid"] = "FI-SW-01";
dr["unitcost"] = "10.00";
dr["status"] = "P";
dr["listprice"] = "36.5";
dr["attr1"] = "Large";
dr["itemid"] = "EST-1";
dt.Rows.Add(dr);
}
return dt;
}
private static DataTable BuildTable()
{
DataTable dt = new DataTable();
dt.Columns.Add("itemid",typeof(string));
dt.Columns.Add("productid", typeof(string));
dt.Columns.Add("listprice", typeof(string));
dt.Columns.Add("unitcost", typeof(string));
dt.Columns.Add("attr1", typeof(string));
dt.Columns.Add("status", typeof(string));
return dt;
}
}
|
一、easyui中datagrid数据绑定
前台代码：
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
|
<script>
$.ajax({
type: "post", //必须是Post方式
url: 'Default.aspx/GetData',
data: '{}',
contentType: "application/json; charset=utf-8",
dataType: "json",
beforeSend:beforefn,
success: successfn,
error: errorfn,
complete:completefn
});
var sdt;
var edt;
function beforefn(e, xhr, o) {
sdt = getTime();
}
function successfn(result) {
$('#dg').datagrid({
data: eval(result.d)
})
}
function errorfn(err) {
alert(err.responseText);
}
function completefn(event, xhr, settings) {
edt = getTime();
alert("开始时间：" + sdt + " 结束时间：" + edt);
}
</script>
|
后台代码：
|
1
2
3
4
5
6
|
[WebMethod] public static string GetData()
{
DataTable dt = DataSource.GetData();
return Newtonsoft.Json.JsonConvert.SerializeObject(dt);
}
|
所用时间 ：
二、aspnet中dgridview数据绑定（只是一个简单的数据绑定）
所用时间 ：
结论：
第一种情况：耗时几秒钟
第二种情况：瞬间完成