jqgrid滚动条下拉到底部后点击下一页不会回到顶部

  使用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;
 }
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值