<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>
//加载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>
你服务器返回了什么内容。。干嘛不用easyui自带的分页,还要自己写ajax
easyui是有自带的分页功能的,那样简单多了,建议你百度‘easyui资料’下载一个API看一些,所以功能时间全有,还有代码示例
var pager = $('#dg').datagrid('getPager');
pager.pagination({
beforePageText : '第',
afterPageText : '页 共 {pages} 页',
displayMsg : '当前显示 {from} - {to} 条记录 共 {total} 条记录',
onSelectPage : function(pageNumber, pageSize) {
$('#dg').datagrid('loadData', loadData(pageNumber, pageSize));
}
});
你可以采用上面的方式 试一试的