EasyUI GridView Json绑定
实验环境：
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数据绑定（只是一个简单的数据绑定）
所用时间 ：
结论：
第一种情况：耗时几秒钟
第二种情况：瞬间完成
