zoukankan      html  css  js  c++  java
  • 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);
            }    



    所用时间 :


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


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

  • 相关阅读:
    php 克隆和引用类
    php 抽象类、接口和构析方法
    php 面向对象之继承、多态和静态方法
    php封装练习
    php 面向对象之封装
    php 简单操作数据库
    php 练习
    用php输入表格内容
    php 指针遍历、预定义数组和常用函数
    php 数组定义、取值和遍历
  • 原文地址:https://www.cnblogs.com/kainjie/p/3564223.html
Copyright © 2011-2022 走看看