新的刷新

原创于 2014-07-02 14:32:25 发布 · 566 阅读

0 ·

CC 4.0 BY-SA版权

js 同时被 2 个专栏收录

21 篇文章

订阅专栏

jagrid

9 篇文章

订阅专栏

本文介绍了一种使用jQuery Grid插件(jqGrid)实现表格内容自动滚动及定时刷新的方法。通过设置定时器，jqGrid可以实现内容的平滑滚动效果，并在鼠标移出时暂停，移入时继续滚动；同时，还设置了每隔30秒自动刷新表格数据的功能，确保显示内容始终是最新的。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

gridComplete: function () {
var ob3 = $(this).getGridParam("records");
var div = $('.jqgrid').closest('.ui-jqgrid-bdiv')[0],offsetHeight = div.offsetHeight
, scrollHeight = div.scrollHeight-offsetHeight, scrollTop = 0;
function scrollBody() {
timer = setInterval(function () {
scrollTop += 1;
div.scrollTop = scrollTop;
if (scrollTop >= scrollHeight) {//循环滚动
scrollHeight = div.scrollHeight - offsetHeight;//如果在滚动过程中添加过数据，需要重新结算scrollHeight
if(scrollTop>=(ob3-16)*33){
scrollTop = 0; //循环滚动，重置滚动头即可
}
}
}, 60);
}
function refreshJqgrid(){
var timer2=setInterval(function(){
$(".jqgrid").trigger("reloadGrid");
},1000*30);
}
$('.ui-jqgrid-bdiv').mouseout(function () {//添加mouseout事件，继续滚动
scrollBody();
});
$('.ui-jqgrid-bdiv').mouseover(function (e) {//添加mouseout事件，继续滚动
clearInterval(timer);
});
if(ob3>8){
scrollBody() ;///开始滚动jqgrid内容
}
refreshJqgrid();
}