easy ui datagrid 分页点击下一页不进后台 仍是第一页的数据

Question

function detail(id) {
        $(".buttonShow").hide();
        $("#tiJiao").hide();
        flag1 = "查看";
        var editRow = undefined; //定义全局变量：当前编辑的行
        var beforeRow;
        $("#ThisAdd").dialog("open").dialog("setTitle", "自定义问题类型查看");
        $.ajax({
            type: "post",
            data: {fId: id},
            url: "${BASE_FRONT}/specialcheckdef/setData",
            cache: false,
            dataType: "json",
            success: function (data) {
                $("#FCheckitemName").val(data.FCHECKITEMNAME).attr("readonly", true);
                $("#FChecknatureCode").combobox("setValue", data.FCHECKNATURECODE).combobox('readonly', true);
                $("#FPublicknatureCode").combobox("setValues", data.FPUBLICKNATURECODE).combobox('readonly', true);
                $("#FUsuallynatureCode").combobox("setValues", data.FUSUALLYNATURECODE).combobox('readonly', true);
                $("#FRemark").text(data.FREMARK).attr("readonly", true);

                $("#addConfig").datagrid({
                    fit: false,// 高度自适应
                    /*                    width:600,
                                        height:450,*/
                    rownumbers: true,//显示带有行号的列
                    striped: true,//把行条纹化
                    fitColumns: true,//自动扩大或缩小列的尺寸以适应网格的宽度并且防止水平滚动
                    pagination: true,//底部显示分页工具栏
                    singleSelect: false,//只允许选中一行
                    autoRowHeight: false,//是否设置基于该行内容的行高度。设置为 false，则可以提高加载性能
                    loadMsg: '正在加载数据...',//当从远程站点加载数据时，显示的提示消息。
                    columns: [[
                        {field: "sid", checkbox: true},
                        {
                            field: "FNATURENAME", width: 50, align: "center", title: "属性名称",
                            editor: {
                                type: 'textbox',
                                options: {
                                    required: true
                                }
                            }
                        },
                        {
                            field: "FNATURECODE", width: 50, align: "center", title: "属性代码",
                            editor: {
                                type: 'textbox', options: {required: true}
                            }
                        },
                        {
                            field: "FDATATYPE", width: 50, align: "center", title: "属性值的数据类型",
                            editor: {
                                type: 'combobox',
                                options: {required: true, data: stage1, valueField: "id", textField: "text"},
                            },
                            formatter: function (value, row, index) {
                                for (var i = 0; i < stage1.length; i++) {
                                    if (value == stage1[i].id) {
                                        return stage1[i].text;
                                    }
                                }
                            }

                        },
                        {
                            field: "FLENGTH", width: 50, align: "center", title: "属性值的最大长度",
                            editor: {
                                type: 'textbox', options: {}
                            }
                        }
                    ]],
                    selectOnCheck: false,
                    /*注释这里 所有点击编辑行不可编辑*/
                    /*onDblClickRow: function (rowIndex, rowData) {
                        //双击开启编辑行
                        $("#addConfig").datagrid("beginEdit", rowIndex);
                        editRow = rowIndex;
                        rowArr.push(rowIndex);
                        if (editRow != beforeRow) {
                            $("#addConfig").datagrid("endEdit", beforeRow);
                            beforeRow = editRow;
                        }
                    },*/
                    onLoadSuccess: function () {

                    }
                });
                var options = $('#addConfig').datagrid('getPager').data("pagination").options;
                var pageSize = options.pageSize;
                var pageIndex = options.pageNumber;
                $.ajax({
                    url: BASE_FRONT + "/specialcheckdef/getColumList",
                    type: "post",
                    data: {fId: id, pageIndex: pageIndex, pageSize: pageSize},
                    async: false,
                    dataType: "json",
                    success: function (data) {
                        debugger;
                        console.log(data);
                        debugger;
                        $("#addConfig").datagrid("loadData", {rows: data.rows, total: data.total})

                    }
                });

            }
        });

    }

total 大小正确

Answer 1

首先一点，你写的贼鸡儿乱，其次给你截个图：

$("#dg").datagrid({
url: '/Employee/GetList',
height: 440,
fitColumns: true,
rownumbers: true,
idField: 'ID',//主键列
loadMsg: '正在加载信息。。。',
pagination: true,
singleSelect: true,
pageSize: 5,
pageNumber: 1,
pageList: [5, 10, 20],
queryParams: queryParam,//加载数据的时候，额外加载的数据，相当远条件参数
columns: [[
{ field: 'ID', title: 'ID', hidden: true },
{ field: 'EmployeeCode', title: '员工编号' },
{ field: 'Fullname', title: '员工姓名' },
{ field: 'Sex', title: '性别' },
{ field: 'Age', title: '年龄' },
{ field: 'Tel', title: '电话' },
{ field: 'Dept', title: '部门' },
{ field: 'Memo', title: '备注' },
]],

另外后台的数据，要有与之对应的处理，pagesize，和pageindex，以及total都要进行处理，我这个是net的，后台代码：

```  public ActionResult GetList()
        {
            int pageSize = int.Parse(Request["rows"] ?? "10");
            int pageIndex = int.Parse(Request["page"] ?? "1");
            int total = 0;
            #region 条件
            string EmployeeName = Request["name"];
            string EmployeeValue = Request["value"];
            var EmployeeParam = new Model.Param.EmployeeParam();
            EmployeeParam.PageIndex = pageIndex;
            EmployeeParam.PageSize = pageSize;
            EmployeeParam.Total = 0;
            if (!string.IsNullOrEmpty(EmployeeName))
            {


                if (EmployeeName.Contains("Fullname"))
                {
                    EmployeeParam.Fullname = EmployeeValue;
                }
                else
                {
                    EmployeeParam.Dept = EmployeeValue;
                }
            }
            #endregion
            //拿到当前页的数据

            var pageData = EmployeeService.LoadPageData(EmployeeParam)
                 .Select(a => new
                 {
                     a.ID,//id
                     a.EmployeeCode,//编号
                     a.Fullname,//名称
                     a.Sex, //性别
                     a.Age,//年龄
                     a.Tel,//电话
                     a.Dept,//部门
                     a.Memo,//备注


                 });
            var data = new { total = total, rows = pageData.ToList() };
            return Json(data, JsonRequestBehavior.AllowGet);

        }