<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"
}
})
});
本文暂时没有评论,来添加一个吧(●'◡'●)