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