FineReport中如何实现自动滚屏效果

孙淑建发布于2019-08-20 14:48 / 2415人阅读

摘要：由于内容过多，超出了浏览器窗口的大小导致内容展示不全的情况。这样我们就需要用到滚屏效果来解决，这里主要介绍在中的具体制作方法。如果想要停止滚动的话，用鼠标左键点击一下窗口即可。

对于一些特殊的模板，可能为了展示的更加丰富、全面会在一个页面放置很多图表。表格等内容。由于内容过多，超出了浏览器窗口的大小导致内容展示不全的情况。这样我们就需要用到JS滚屏效果来解决，这里主要介绍在FineReport中的具体制作方法。

添加加载结束事件
点击菜单模板>模板web属性>分页预览设置，选择“为该模板多带带设置”，添加一个“加载结束”后事件，如下图所示：

JS代码如下：

//从页面加载结束后延迟2000MS执行事件（滚动）
setTimeout(function(){
//当鼠标点击时
$(".content-container").click(function()
{
//如果页面正在执行事件（滚动）
  if(interval)
  {
//取消事件（滚动）
  clearInterval(interval);
  }
})
var old=-1;
//按照指定周期不断的调用滚动事件
var interval=setInterval(function()
{ 
currentpos=$(".content-container")[0].scrollTop;
if (currentpos==old){
//取消事件（滚动）
clearInterval(interval);
//重新加载页面
window.location.reload();
}
else
{
old=currentpos;
//以25MS的速度每次滚动3.5PX
$(".content-container")[0].scrollTop=currentpos+3.5;
}
}
,25);
},2000)

保存与预览
保存模板，点击分页预览，就会出现上面的自动滚动效果。如果想要停止滚动的话，用鼠标左键点击一下窗口即可。

GPU云服务器云服务器自动滚屏 js如何实现3d效果这种效果怎么实现实现放大镜效果

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/81933.html

FineReport中如何制作树数据集来实现组织树报表

摘要：问题描述，组织树报表中由与父来实现组织树报表，若层级数较多时，对每个单元格设置过滤条件和形态会比较繁琐，因此提供了一种特殊的数据集树数据集，只需要简单的设置就能自动递归出层级，方便的实现如下图组织树报表图一图二构建树新建报表，添加数据集新建问题描述FineReport，组织树报表中由id与父id来实现组织树报表，若层级数较多时，对每个单元格设置过滤条件和形态会比较繁琐，因此FineR...

vvpale 2019-08-01 16:55 评论0 收藏0
FineReport中树数据集如何实现组织树报表

摘要：组织树报表中由与父来实现组织树报表，若层级数较多时，对每个单元格设置过滤条件和形态会比较繁琐，因此提供了一种特殊的数据集树数据集，只需要简单的设置就能自动递归出层级，方便的实现如下图组织树报表图一图二构建树新建报表，添加数据集新建工作薄，添组织树报表中由id与父id来实现组织树报表，若层级数较多时，对每个单元格设置过滤条件和形态会比较繁琐，因此FineReport提供了一种特殊的数据...

Travis 2019-08-21 15:32 评论0 收藏0
FineReport中树数据集如何实现组织树报表

摘要：组织树报表中由与父来实现组织树报表，若层级数较多时，对每个单元格设置过滤条件和形态会比较繁琐，因此提供了一种特殊的数据集树数据集，只需要简单的设置就能自动递归出层级，方便的实现如下图组织树报表图一图二构建树新建报表，添加数据集新建工作薄，添组织树报表中由id与父id来实现组织树报表，若层级数较多时，对每个单元格设置过滤条件和形态会比较繁琐，因此FineReport提供了一种特殊的数据...

Dongjie_Liu 2019-08-01 16:38 评论0 收藏0