标签:pagination total 分页 页数 name records label page jqGrid
1.前端代码
<script>
$(function () {
gridList();
})
function gridList() {
var $gridList = $("#gridList");
$gridList.dataGrid({
url: "/AgentManage/Agent/GetGridJson",
height: $(window).height() - 128,
colModel: [
{ label: '主键', name: 'F_Id', hidden: true },
{ label: '姓名', name: 'F_Name', width: 150, align: 'left' },
{label: '学校', name: 'F_SchoolName', width: 200, align: 'left'},
{label: '联系方式', name: 'F_Mobile', width: 100, align: 'left',},
{
label: '认证状态', name: 'F_AuthStatus', width: 150, align: 'left',
formatter: function (cellvalue) {
return cellvalue == 1
? "已认证"
: "未认证";
}
},
{label: '银行', name: 'F_Acount', width: 150, align: 'left',},
{label: '银行卡号', name: 'F_BankNum', width: 150, align: 'left',},
{
label: '操作',
name: 'F_Count',
width: 200,
align: 'center',
sortable: false,
formatter: function (value) {
var html = "<label style='color:#10d8b2;cursor: pointer;' class='re_num'>注册人数</label> <label class='buy_num' style='color:#a94442;cursor: pointer;'>购买人数</label>";
return html;
}
}
],
pager: "#gridPager",
sortname: 'F_CreatorTime desc',
viewrecords: true,
jsonReader: {
page: "page",
total: "total",
records: "records"
}
});
$("#btn_search").click(function () {
$gridList.jqGrid('setGridParam', {
postData: {
keyword: $("#txt_keyword").val()
}
}).trigger('reloadGrid');
});
}
</script>
<div class="gridPanel">
<table id="gridList"></table>
<div id="gridPager"></div>
</div>
2.后台代码
[HttpGet]
[HandlerAjaxOnly]
public ActionResult GetGridJson(Pagination pagination, string keyword)
{
var data = serviceApp.GetListByPage(pagination, keyword);
var datelist = new { page=pagination.page ,total=pagination.total, records=pagination.records, rows= data };
return Content(datelist.ToJson());
}
3.说明
前端增加
jsonReader: {
page: "page", //当前页
total: "total",//总页数
records: "records"// 总记录数
}
后台对应返回参数(用rows返回数据才行)
var datelist = new { page=pagination.page ,total=pagination.total, records=pagination.records, rows= data };
标签:pagination,total,分页,页数,name,records,label,page,jqGrid 来源: https://www.cnblogs.com/qyc1221/p/10487350.html
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。