js前台对datagrid的定义代码,如下

                mygrid = $('#mytable').datagrid({
                    fit: true, //自动大小
                    height: 'auto',
                    rownumbers: true, //行号
                    fitColumns: true,
                    collapsible: true, //是否可折叠的
                    loadMsg: '数据装载中......',
                    singleSelect: true, //单行选取
                    pagination: true //显示分页
//                    columns: [[]]

                });
                //设置分页控件
                $("#mytable").datagrid('getPager').pagination({
                    beforePageText: "第",
                    afterPageText: "页",
                    displayMsg: "当前 {from} - {to}条数据   共{total} 条数据",
                    pageSize: 100,
                    pageList: [20, 30, 40, 50, 60, 70, 80, 90, 100],
                    onBeforeRefresh: function () {
                    },
                    onRefresh: function (pageNumber, pageSize) {
                    },
                    onChangePageSize: function () {
                    },
                    onSelectPage: function (pageNumber, pageSize) {
                        getData();
                    }
                });

js查询请求代码,如下:

                function getData() {
                    var param = "";
                    $(".mynon").each(function () {
                        if ($(this).attr("checked") == "checked")
                            param = param + "#" + $(this).attr("id");
                    });
                    if (param != "") {
                        var grid = $('#mytable');
                        var options = grid.datagrid('getPager').data("pagination").options; //选项
                        var pagenum = options.pageNumber; //页数
                        var total = options.total; //总数
                        var max = Math.ceil(total / options.pageSize);
                        var pagesize = options.pageSize; //每页行数

                        var sttime = $("#starttime").combobox('getText');
                        var ettime = $("#endtime").combobox('getText');
                        $.ajax({
                            type: "post",
                            url: "../frm/report.aspx/GetReport",
                            data: "{'begin':'" + sttime + "','end':'" + ettime + "','param':'" + param + "','pagenum':'" + pagenum + "','pagesize':'" + pagesize + "'}",
                            contentType: "application/json; charset=utf-8",
                            dataType: "json",
                            async: false,
                            success: function (data) {
                                var d = eval('(' + data.d + ')');
                                try {
                                    $('#mytable').datagrid("loadData", d);
                                } catch (e) {
                                    alert(e);
                                }
                            },
                            error: function (err) {
                                alert("错误代码:" + err.status);
                            }
                        });
                    }
                    else {
                        alert("请选择相应的设备!");
                    }
                }
            });

ASP.NET后台代码,如下图:

        [WebMethod]
        public static string GetReport(string begin, string end, string param, string pagenum, string pagesize)
        {
            string userID = HttpContext.Current.Session["userID"].ToString();
            string[] paras = param.Split('#');
            string measures = "'";
            ; i < paras.Length; i++)
            {
                measures = measures + "','" + paras[i];
            }
            measures = measures + "'";
            string beginTime = begin + ":00";
            string endTime = end + ":00";
            ;

            DataTable dt = drWater.BLL.infoManager.GetHistoryPageInfo(userID, beginTime, endTime, measures, pagenum, pagesize, out totalcount);
            List<json.dataItemJson> dataList = new List<json.dataItemJson>();
            if (dt != null)
            {
                )
                {
                    ; i < dt.Rows.Count; i++)
                    {
                        json.dataItemJson item = new json.dataItemJson();
......
                        item.status = dt.Rows[i]["status"].ToString();
                        dataList.Add(item);
                    }
                }
            }
            json.dataListJson dataListJson = new json.dataListJson();
            dataListJson.total = totalcount;
            dataListJson.rows = dataList;
            JavaScriptSerializer js = new JavaScriptSerializer();
            js.MaxJsonLength = int.MaxValue;
            string str = js.Serialize(dataListJson);
            return str;
        }

经过多次调试,返回的json字符串,虽然符合easyUi datagrid的数据格式标准,但是载入数据的时候出错!

使用eval转化json字符串之后,解决该问题!

ASP.NET easyUI--datagrid 通过ajax请求ASP.NET后台数据的分页查询的更多相关文章

  1. 利用查询条件对象,在Asp.net Web API中实现对业务数据的分页查询处理

    在Asp.net Web API中,对业务数据的分页查询处理是一个非常常见的接口,我们需要在查询条件对象中,定义好相应业务的查询参数,排序信息,请求记录数和每页大小信息等内容,根据这些查询信息,我们在 ...

  2. javaScript(拼写树形)+ajax请求,去后台查找数据

    第一步:页面加载完成时,利用jquery中的一函数,调用js方法,js方法,发送ajax请求,去后台查找父类权限集合,响应回来json格式的数据,对数据进行操作,往页面上添加内容 //页面初始化加载菜 ...

  3. bootstrap-data-target触发模态弹出窗元素的data使用 data-toggle与data-target的作用 深入ASP.NET MVC之九:Ajax支持 Asp.Net MVC4系列--进阶篇之AJAX

    bootstrap-data-target触发模态弹出窗元素的data使用 时间:2017-05-27 14:22:34      阅读:4479      评论:0      收藏:0      [ ...

  4. easyUi 学习笔记 (二 ) 使用tabs 里datagridview 发送ajax请求 不访问后台的问题

    这个BUG 我花了一个半小时, 还是看不出哪里的问题,  于是就百度到这么一段话,我需要记住 <================================================= ...

  5. EasyUI DataGrid 基于 Ajax 自定义取值(loadData)

    为 datagrid 加载数据分两种情况: 一种是基于 Ajax 请求获取数据然后通过"loadData"方法来赋值: 另一种是直接使用 datagrid 自带的"loa ...

  6. EasyUI datagrid组件绑定有转义字符的json数据出错

    最近项目中一个页面的datagrid出现了莫名其妙的问题, 首先是分页数据的第二页和第三页不能展示,过了一天后第一页也出不来了, 默认首页不出来导致后续分页处理无法进行, 整个数据都不出来了,最后只能 ...

  7. Ajax请求ashx返回各类数据的常见处理方式

    .请求text数据,在success事件中手动解析 前台: $.ajax({ type: "post", url: "checkFile.ashx", data ...

  8. Jquery通过ajax请求NodeJS返回json数据

    最近看了NodeJS相关的,在网上查了下结合AJAX的应用,感觉应用前景还是不错的.为什么用这个组合呢? 1.NodeJS不需要安装,拷贝过去就可以使用,而环境变量可以只配置在当前cmd窗口,运行方便 ...

  9. SpringBoot16 MockMvc的使用、JsonPath的使用、请求参数问题、JsonView、分页查询参数、JsonProperty

    1 MockMvc的使用 利用MockMvc可以快速实现MVC测试 坑01:利用MockMvc进行测试时应用上下文路径是不包含在请求路径中的 1.1 创建一个SpringBoot项目 项目脚手架 1. ...

随机推荐

  1. 完美洗牌&洗牌

    完美洗牌问题,给定一个数组a1,a2,a3,...an,b1,b2,b3..bn,把它最终设置为b1,a1,b2,a2,...bn,an这样的. O(n)的算法,O(n)的空间. 对于前n个数,映射为 ...

  2. MongoDB高可用模式部署

    首先准备机器,我这里是在公司云平台创建了三台DB server,ip分别是10.199.144.84,10.199.144.89,10.199.144.90. 分别安装mongodb最新稳定版本: w ...

  3. 学习之痛(数据库->存储过程和函数)

    存储过程和函数作为数据库的一部分,为什么是学习之痛. 项目实际开发,考虑性能和代码维护,绝对不用存储过程. 如果单纯自己写个小程序糊弄人玩,还可以写写. [学习] 在数据库中定义一些SQL语句集合,然 ...

  4. Yii2 验证码不显示

    siteController 中,要将captcha 列为任意用户可以访问

  5. ASP.NET MVC系列 框架搭建(三)之服务层的搭建

    邯郸学步 吾虽是一不知名的菜鸟,但,吾亦有一个从后台程序员成为一名小小架构师梦想,深知架构师不是想想就成的. 吾已工作过一阵子,吾妄想在真正毕业之后工作一年左右就能拿到那个数ten thousand的 ...

  6. 提取安卓手机的recovery

    一直都是从网上下载的recovery文件安装到手机.至于这个小小的recovery到底是什么全然不知.能不能自己做一个recovery呢?因为功能比较多的clockworkmod(简称cmw)的官网上 ...

  7. 2016.10.08,英语,《Verbal Advantage》Level1 Unit1-4

    这本书学的很辛苦,总共10个Level,每个Level有5个Unit,每个Unit10个单词,实际上自己差不多一天才能学完1个Unit10个单词.(当然,一天我只能花大约1个小时左右在英语上) 而且跟 ...

  8. css实现文字过长省略显示

    .simpleName { width:110px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } <div cl ...

  9. jquery autocomplete插件结合ajax使用

    <%@ page isELIgnored="false"%> <%@ page contentType="text/html; charset=UTF- ...

  10. MVC3中几个小知识点

    1.ViewBag.Name~ViewBag.name等价,即不区分大小写.在此小心,下次见到不要奇怪,不过最好还是写成一样的比较好. 2.JS字符串不允许有换行符,\'等字符,需提前处理.