EasyUI GridView Json绑定

实验环境:
    1、开发工具:vs2008
    2、其他组件:jquery datagrid(easyui) gridview(aspnet)
    3、1000条数据绑定

数据库源:

C# code?
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数据绑定
    前台代码:

C# code?
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>



    后台代码:

C# code
?
1
2
3
4
5
6
[WebMethod]
        public static string GetData()
        {
            DataTable dt = DataSource.GetData();
            return Newtonsoft.Json.JsonConvert.SerializeObject(dt);
        }    



所用时间 :
EasyUI GridView Json绑定

二、aspnet中dgridview数据绑定(只是一个简单的数据绑定)
所用时间 :
EasyUI GridView Json绑定

结论:
第一种情况:耗时几秒钟
第二种情况:瞬间完成

EasyUI GridView Json绑定

上一篇:序列化和反序列化,异步调用web/wcf/函数


下一篇:最火的.NET开源项目