使用jqgrid的时候滚动条在点击下一页时不会回到顶部,而是重上一页的滚动条位置开始,上午查询没有找到好的解决方法。不过找到一个定时让滚动条滚动的方法,拿过来改了改!恩,好了。
function initJqgrid(id){
$(".tablebox").empty();
$(".tablebox").append($('<table id="jqgridlist"></table><div id="pager"></div>'));
if(id!=""&&id!=undefined){
url= path+"/dataMonitoring/historyData?"+$("#historyForm").serialize()+"&id="+id;
}else{
url= path+"/dataMonitoring/historyData?"+$("#historyForm").serialize();
}
jQuery("#jqgridlist").jqGrid({
url:url,//指向页面
datatype: 'json',
styleUI : 'Bootstrap',
rownumbers: true,
scroll: 0,
loadtext: '加载中..',
viewrecords: true,
navGrid: false,
modal: true,
mtype: 'GET',
colNames: [ ],
colModel: [ ],
rowNum: 100,
rowList: [100,300,500],
pager: 'pager',//指定分页的div
sortname: 'code',//存储排序的字段
viewrecords: true,
height:jqgrid_height,
autowidth:true,
shrinkToFit : true,
jsonReader : {
id: "code"
},
sortorder: "desc",
// 当从服务器返回响应时执行,xhr:XMLHttpRequest 对象
loadComplete : function(xhr) {
countNum=xhr.records;
$(this).find(">tbody>tr.jqgrow:odd").addClass("Odd");
$(this).find(">tbody>tr.jqgrow:even").addClass("Even");
},
gridComplete: function () {
var div = $('#jqgridlist').closest('.ui-jqgrid-bdiv')[0],
scrollHeight = div.scrollHeight, scrollTop = 0;
div.scrollTop = 0;
}
});
}
主要代码是下面这段:
gridComplete: function () {
var div = $('#jqgridlist').closest('.ui-jqgrid-bdiv')[0],
scrollHeight = div.scrollHeight, scrollTop = 0;
div.scrollTop = 0;
}