编程开源技术交流,分享技术与知识

网站首页 > 开源技术 正文

jqGrid jqGrid分页参数

wxchong 2024-06-21 14:27:19 开源技术 11 ℃ 0 评论
<div class="ibox-content">
 <div class="jqGrid_wrapper">
 <table id="table_list_2"></table>
 <div id="pager_list_2" style="width: 100%"></div>
 </div>
</div>
$(document).ready(function{
        $.jgrid.defaults.styleUI="Bootstrap";
 $("#table_list_2").jqGrid({
 height:400,autowidth:true,shrinkToFit:true, 
 colNames:["代理商编号","状态","代理商名称","申请日期","代理商电话","操作员ID"],
 colModel:[{name:"AGENTID",index:"AGENTID",width:60,align:"center"},
 {name:"STATUS",index:"STATUS",width:90,align:"center"},
 {name:"AGTNAM",index:"AGTNAM",width:100,align:"center"},
 {name:"APPLYDAT",index:"APPLYDAT",width:80,align:"center"},
 {name:"AGTTEL",index:"AGTTEL",width:80,align:"center"},
 {name:"USER_ID",index:"USER_ID",width:80,align:"center"},
 ],
 pager:"#pager_list_2",       //就是上图pager中的位置 的id
 viewrecords:true,hidegrid:false,
 url:"<%=path %>/findAction", //后台处理的url   .action   .do
 datatype:'json',        //返回数据格式
 rownumbers: true, //是否显示行号
 rowNum : 10,
 rowList : [ 10, 20, 30 ],    //选择每页显示的条数
 jsonReader: { //需要定义jsonReader来跟服务器端返回的数据做对应
 root:"dataList", page:"currPage", total:"totalpages",
 records:"totalCount", repeatitems:false, id : "id"
 }
 
 })
    });

Tags:

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

最近发表
标签列表