1、定义table

2、初始加载jqGrid
$(function () {
$("#jqGrid").jqGrid({
url: '../../../../list',
datatype: "json",
colModel: [
{ label: 'id', name: 'id', index: 'ID', width: 50, key: true },
{ label: '项目名称', name: 'itemName', index: 'ITEM_NAME', width: 80 },
{ label: '项目副标题', name: 'itemSecname', index: 'ITEM_SECNAME', width: 80 },
{ label: '项目分类', name: 'itemType', index: 'ITEM_TYPE', width: 80 },
{ label: '项目地址', name: 'address', index: 'ADDRESS', width: 80 },
{ label: '省', name: 'province', index: 'PROVINCE', width: 80 },
{ label: '市', name: 'city', index: 'CITY', width: 80 },
{ label: '区', name: 'area', index: 'AREA', width: 80 },
{ label: '所属医生', name: 'doctorId', index: 'DOCTOR_ID', width: 80 },
{ label: '项目原价', name: 'price', index: 'PRICE', width: 80 },
{ label: '项目折后价', name: 'discountPrice', index: 'DISCOUNT_PRICE', width: 80 },
{ label: '项目简介', name: 'descr', index: 'DESCR', width: 80 },
{ label: '爆品服务值', name: 'score', index: 'SCORE', width: 80 },
{ label: '预约人数', name: 'appointCount', index: 'APPOINT_COUNT', width: 80 },
{ label: '预约基数', name: 'baseCount', index: 'BASE_COUNT', width: 80 }
],
viewrecords: true,
height: 385,
rowNum: 10,
rowList : [10,30,50],
rownumbers: true,
rownumWidth: 25,
autowidth:true,
multiselect: true,
pager: "#jqGridPager",
jsonReader : {
root: "data.list",
page: "data.currPage",
total: "data.totalPage",
records: "data.totalCount"
},
prmNames : {
page:"page",
rows:"limit",
order: "order"
},
gridComplete:function(){
//隐藏grid底部滚动条
$("#jqGrid").closest(".ui-jqgrid-bdiv").css({ "overflow-x" : "hidden" });
}
});
});
3、更改数据源,删除原来jqGrid中的数据,加载新数据
$("#jqGrid").jqGrid('clearGridData');
var itemURL = '../../../../list?itemType='+input_type.val();
$("#jqGrid").setGridParam({url:itemURL}).trigger("reloadGrid");
|