您的位置:首页 > 其它

让jqgrid里面数据循环滚动展示

2014-06-18 15:22 197 查看
gridComplete: function () {

var ob3 = $(this).getGridParam("records");

var div = $('.jqgrid').closest('.ui-jqgrid-bdiv')[0],offsetHeight = div.offsetHeight//////////////

, scrollHeight = div.scrollHeight-offsetHeight, scrollTop = 0,timer;

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; //循环滚动,重置滚动头即可

}

}

}, 50);

}

$('.jqgrid').mouseover(function () {//添加over事件,停止滚动

clearInterval(timer);

});

$('.jqgrid').mouseout(function (e) {//添加mouseout事件,继续滚动

scrollBody();

});

if(ob3>8){

scrollBody() ;///开始滚动jqgrid内容

}

}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: