ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

jqGrid不显示分页总页数

2019-03-07 09:01:16  阅读:379  来源: 互联网

标签: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>&nbsp;&nbsp;&nbsp;<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. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有