让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内容
}
}
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内容
}
}
相关文章推荐
- jQuery循环滚动展示代码
- jQuery单行循环滚动展示代码
- js中,for循环里面放ajax,ajax访问不到变量以及每次循环获取不到数据问题总结
- 【js】数据的轮播展示(模拟Marquee,无间断滚动内容)
- OCUI界面设计:滚动视图与分页控件结合NSTimer实现图片自动循环与无限滚动展示
- jQuery循环滚动展示代码
- HTML循环取JSON数组里面的数据,添加容错判断。
- 实现jqgrid表格数据上下滚动
- 通过JS、JQ,实现对json数据调取,并循环展示到页面
- jQuery循环table里面的每一条数据
- 用Jquery循环获取repeater里面的Dropdownlist数据
- mongo里面根据对象字段的ID查询 db.Photo.find({'owner.$id':ObjectId('xxxx')}) , 并且使用forEach循环修改查询的数据
- 新闻客户端首页图片无限循环滚动展示(可点击触发不同事件)初步封装IOS
- [Cocoa]_[初级]_[使用NSMutableDictionary对多层循环里面的数据进行查找]
- 可以循环滚动的展示图
- jQuery循环滚动展示代码 可应用到文字和图片上
- Jqgrid入门-结合Struts2+json实现数据展示(五)
- jQuery实现列表自动滚动循环滚动展示新闻
- 避免在SrollView里面嵌套的ListView或者ExpandableListView无法全部展示数据
- angularjs2版本创建一个数组,将数组里面的内容通过数据绑定的形式循环到table表单中