【发布时间】:2015-07-03 07:37:37
【问题描述】:
我有一个需要服务器端分页的 jqGrid,我必须将一些搜索条件与请求 (POST) 一起传递,在初始调用时我能够获取结果,但我无法找到发送方法服务器端分页所需的网格当前页面、索引和大小为mentioned here
我使用 fiddle 和网络选项卡来检查我的请求是否正在生成上述帖子中提到的其他内容,但找不到任何内容
下面是我的代码
JQGrid
$("#list").jqGrid({
serializeGridData: function () {
return {'data': JSON.stringify($('#searchInfo').serializeObject()) };
},
url: '/SearchUsers/SearchResult',
mtype: 'POST',
datatype: "json",
jsonReader: {
page: "currentPage",
total: "totalPages",
records: "total",
root: "rows",
cell: "",
id: "0"
},
contentType: 'application/json; charset=utf-8',
rowNum: 10,
pager: '#pager',
sortname: 'FirstName',
sortorder: "asc",
autowidth: true,
height: 'auto',
shrinkToFit: false,
forceFit: true,
ignoreCase: true,
sortable: false,
colModel: [
{ label: 'ID', name: 'ID', align: "center", key: true, hidden: true, frozen: true },
{ label: 'First Name', name: 'FirstName', align: "left", sopt: ['cn'], frozen: true},
{ label: 'Last Name', name: 'LastName', align: "left", sopt: ['cn']},
{ label: 'Email Address', name: 'EmailAddress', align: "left", sopt: ['cn'] }
],
viewrecords: true, // show the current page, data range and total records on the toolbar
emptyrecords: "No records to view.",
rowattr: Searchusers.RowFormatter,
}).css("font-family", "Arial Narrow");
$('#list').jqGrid('filterToolbar', { defaultSearch: 'cn' });
$("#list").trigger("reloadGrid");
$("#list").jqGrid('setFrozenColumns');
$(".ui-jqgrid-titlebar-close").remove();
我的 Json 数据
{
“总页数”:“4”,
"当前页":"1",
“总计”:“35”,
“行”:[
{
"ID":"1",
"名字":"a",
"姓氏":"a",
"电子邮件地址":"ab@cd-sg.com",
},
{
"ID":"2",
"名字":"s",
"姓":"k",
"电子邮件地址":"sk@co.com",
},
{
"ID":"3",
"名字":"K",
"姓氏":"G",
"电子邮件地址":"abc@abc-sg.com",
},
{
"ID":"4",
"名字":"作为",
"姓氏":"asd",
"电子邮件地址":"asd@l.co",
},
{
"ID":"5",
"名字":"K",
"姓氏":"B",
"电子邮件地址":"KB@FB.com",
}
.
.
.
30 多条记录
]
}
有什么帮助吗?
【问题讨论】:
标签: jquery asp.net-mvc jqgrid pagination