2 qq 15958189 qq_15958189 于 2015.07.08 14:34 提问

easyui错误: 无法获取未定义或 null 引用的属性“length”
 <script type="text/javascript">

        //加载grid后回调函数
        function LoadDataGridCallBack(js, scorp) {

            $("#pageloading").hide();
            if (js == "") js = "[]";
            //系统错误
            if (js.status && js.status == 500) {
                $("body").html("<b>访问页面出错,请联系管理员。<b>");
                return;
            }
            var pushData = eval('(' + js + ')');
            $('#newsGrid').datagrid({
                columns: [[
                     { field: 'BillNo', title: '操作编号', align: 'center' },
                    { field: 'CaoZuoRiQi', title: '日期', align: 'center' },
                    { field: 'SF_YingYongSystem', title: '被操作系统', align: 'center' },
                    { field: 'ShenQingBuMen', title: '申请部门', align: 'center' },
                     { field: 'CaoZuoFangAn', title: '操作原因', align: 'center' },
                     { field: 'CZJSSJ', title: '停机时间', align: 'center' },
                     { field: 'CZKSSJ', title: '操作开始时间', align: 'center' },
                     { field: 'CZJSSJ', title: '操作结束时间', align: 'center' },
                      { field: 'GongChengShi1', title: '操作人', align: 'center' },
                      { field: 'CaoZuoJieGuo', title: '操作结果', align: 'center' }       
                  ]],
                selectOnCheck: false,
                checkOnSelect: true,
                singleSelect: true,
                data: pushData,
                width: 'auto',
                height: 'auto',
                striped: true,
                rownumbers: true,
                pagination:true,
                remoteSort: false,
                fitColumns: true,
                pageNumber: scorp.pageNumber,
                pageSize: scorp.pageSize,
                pageList: [20, 30, 40, 50],
                   onDblClickCell: function (index, field, value) {
                }

            });
            分页
            var pg = $("#newsGrid").datagrid("getPager");
            if (pg) {
                $(pg).pagination({
                    onRefresh: function (pageNumber, pageSize) {
                        LoadGridData(pageNumber, pageSize);
                    },
                    onSelectPage: function (pageNumber, pageSize) {
                        LoadGridData(pageNumber, pageSize);
                    }
                });
            }
        }

        //加载grid
        function LoadGridData(pageNumber, pageSize) {
            this.pageNumber = pageNumber;
            this.pageSize = pageSize;
            var params = {
                method: "worklist",
                pageNumber: pageNumber,
                pageSize: pageSize
            };
            queryData(params, LoadDataGridCallBack, this);
        }

        //初始化
        $(function () {
            LoadGridData(1, 20);
        });


        //公共方法
        function queryData(param, callback, scope, method, showErrMsg) {
            if (!method) method = 'GET';
            $.ajax({
                type: method, //使用GET或POST方法访问后台
                dataType: "text", //返回json格式的数据
                contentType: "application/json; charset=utf-8",
                url: "NDQuery.aspx", //要访问的后台地址
                data: param, //要发送的数据
                async: false,
                cache: false,
                complete: function () { }, //AJAX请求完成时隐藏loading提示
                error: function (XMLHttpRequest, errorThrown) {
                    callback(XMLHttpRequest);
                },
                success: function (msg) { //msg为返回的数据,在这里做数据绑定  
                    alert(msg);
                    var data = msg;

                    callback(data, scope);
                }
            });
        }       
    </script>

5个回答

qq_15958189
qq_15958189   2015.07.08 14:49

图片说明

qq_15958189
qq_15958189   2015.07.08 14:35

    //加载grid后回调函数
    function LoadDataGridCallBack(js, scorp) {

        $("#pageloading").hide();
        if (js == "") js = "[]";
        //系统错误
        if (js.status && js.status == 500) {
            $("body").html("<b>访问页面出错,请联系管理员。<b>");
            return;
        }
        var pushData = eval('(' + js + ')');
        $('#newsGrid').datagrid({
            columns: [[
                 { field: 'BillNo', title: '操作编号', align: 'center' },
                { field: 'CaoZuoRiQi', title: '日期', align: 'center' },
                { field: 'SF_YingYongSystem', title: '被操作系统', align: 'center' },
                { field: 'ShenQingBuMen', title: '申请部门', align: 'center' },
                 { field: 'CaoZuoFangAn', title: '操作原因', align: 'center' },
                 { field: 'CZJSSJ', title: '停机时间', align: 'center' },
                 { field: 'CZKSSJ', title: '操作开始时间', align: 'center' },
                 { field: 'CZJSSJ', title: '操作结束时间', align: 'center' },
                  { field: 'GongChengShi1', title: '操作人', align: 'center' },
                  { field: 'CaoZuoJieGuo', title: '操作结果', align: 'center' }       
              ]],
            selectOnCheck: false,
            checkOnSelect: true,
            singleSelect: true,
            data: pushData,
            width: 'auto',
            height: 'auto',
            striped: true,
            rownumbers: true,
            pagination:true,
            remoteSort: false,
            fitColumns: true,
            pageNumber: scorp.pageNumber,
            pageSize: scorp.pageSize,
            pageList: [20, 30, 40, 50],
               onDblClickCell: function (index, field, value) {
            }

        });
        分页
        var pg = $("#newsGrid").datagrid("getPager");
        if (pg) {
            $(pg).pagination({
                onRefresh: function (pageNumber, pageSize) {
                    LoadGridData(pageNumber, pageSize);
                },
                onSelectPage: function (pageNumber, pageSize) {
                    LoadGridData(pageNumber, pageSize);
                }
            });
        }
    }

    //加载grid
    function LoadGridData(pageNumber, pageSize) {
        this.pageNumber = pageNumber;
        this.pageSize = pageSize;
        var params = {
            method: "worklist",
            pageNumber: pageNumber,
            pageSize: pageSize
        };
        queryData(params, LoadDataGridCallBack, this);
    }

    //初始化
    $(function () {
        LoadGridData(1, 20);
    });


    //公共方法
    function queryData(param, callback, scope, method, showErrMsg) {
        if (!method) method = 'GET';
        $.ajax({
            type: method, //使用GET或POST方法访问后台
            dataType: "text", //返回json格式的数据
            contentType: "application/json; charset=utf-8",
            url: "NDQuery.aspx", //要访问的后台地址
            data: param, //要发送的数据
            async: false,
            cache: false,
            complete: function () { }, //AJAX请求完成时隐藏loading提示
            error: function (XMLHttpRequest, errorThrown) {
                callback(XMLHttpRequest);
            },
            success: function (msg) { //msg为返回的数据,在这里做数据绑定  
                alert(msg);
                var data = msg;

                callback(data, scope);
            }
        });
    }       
</script>

showbo
showbo   Ds   Rxr 2015.07.08 14:44

你服务器返回了什么内容。。干嘛不用easyui自带的分页,还要自己写ajax

showbo
showbo 回复qq_15958189: pagination boolean True to show a pagination toolbar on datagrid bottom. false rownumbers boolean True to show a row number column. false singleSelect boolean True to allow selecting only one row.
2 年多之前 回复
qq_15958189
qq_15958189 返回的是一个 后台组装的JSON串,easyUI 有自带的分页么
2 年多之前 回复
qq_15958189
qq_15958189 返回的是一个 后台组装的JSON串,easyUI 有自带的分页么
2 年多之前 回复
u012401478
u012401478   2015.07.08 15:12

easyui是有自带的分页功能的,那样简单多了,建议你百度‘easyui资料’下载一个API看一些,所以功能时间全有,还有代码示例

zhangweigangweiwu
zhangweigangweiwu   2015.07.08 16:52

var pager = $('#dg').datagrid('getPager');
pager.pagination({
beforePageText : '第',
afterPageText : '页 共 {pages} 页',
displayMsg : '当前显示 {from} - {to} 条记录 共 {total} 条记录',
onSelectPage : function(pageNumber, pageSize) {
$('#dg').datagrid('loadData', loadData(pageNumber, pageSize));
}
});


你可以采用上面的方式 试一试的

Csdn user default icon
上传中...
上传图片
插入图片