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数据绑定(只是一个简单的数据绑定)
    所用时间 :


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

  • 相关阅读:
    模态框 显示出模态框后在加载(可用模块框中加入editormd编辑器)
    python实现 列表内元素按照出现次数排序
    Selenium
    Python的Tqdm模块——进度条配置
    [Python3]selenium爬取淘宝商品信息
    如何用Matplotlib画一张好看的图
    maven如何引入本地jar
    tensorflow和bazel版本对应问题及对应的bazel安装
    tensorflow保存模型的3种方式的资源汇总
    利用率统计脚本
  • 原文地址:https://www.cnblogs.com/kainjie/p/3564223.html
Copyright © 2011-2022 走看看