`
IT梦想家
  • 浏览: 18153 次
社区版块
存档分类
最新评论

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

阅读更多

对于一些特殊的模板,可能为了展示的更加丰富、全面会在一个页面放置很多图表。表格等内容。由于内容过多,超出了浏览器窗口的大小导致内容展示不全的情况。这样我们就需要用到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)

保存与预览

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

  • 大小: 1.2 MB
  • 大小: 89.5 KB
0
0
分享到:
评论

相关推荐

    报表工具FineReport使用教程之自动计算日期.docx

    在FineReport软件中,我们可以使用各种公式来实现日期自动计算,如YEAR、MONTH、DAY等函数。这些函数可以帮助我们快速计算出生日期、年龄等信息。 2. 保存预览 在FineReport软件中,保存预览是非常重要的一步。在...

    报表开发工具FineReport中如何把报表放到网页中显示

    ### 报表开发工具FineReport中如何把报表放到网页中显示 #### 一、背景介绍 随着信息技术的发展,越来越多的企业倾向于使用基于浏览器/服务器(Browser/Server,简称BS架构)的系统来处理业务流程。这类系统通常...

    使用Finereport实现GDP动态图模板案例(附SQL代码)

    在模板中实现图表轮播效果,我们需要设置参数。参数是Finereport中连接用户界面和数据源的关键元素,它们允许用户输入值或选择值,影响报表的显示。在这个案例中,可能有一个年份参数,用户可以通过选择不同年份来...

    FineReport中如何用JavaScript自定义地图标签

    在FineReport中,地图组件允许用户以地图形式展示数据分布,但有时默认的标签和提示点显示可能不符合特定的需求。为了满足更加个性化和精确的显示要求,FineReport允许用户利用JavaScript来自定义地图标签和提示点。...

    FineReport 实现动态列报表

    在FineReport中设计动态列报表,通常需要掌握相关的脚本语法,了解如何通过脚本访问报表中的数据集、进行数据处理和输出。此外,FineReport作为一个报表工具,它的很多高级功能往往需要通过脚本语言进行更细致的定制...

    如何将钉钉集成到FineReport插件中(官方)

    这是每个钉钉企业号的基础配置信息,用于在FineReport中进行配置对接。 在FineReport的管理平台中,通过钉钉管理节点进入后,将钉钉中的CorpID和CorpSecret填入相应字段,完成钉钉企业号的ID和管理组凭证密码的设置...

    报表工具FineReport中如何把报表放到网页中显示

    ### 报表工具FineReport中如何把报表放到网页中显示 #### 一、背景与需求分析 随着互联网技术的发展,企业对于数据展示的需求越来越倾向于基于Web的解决方案。这些Web应用通常采用BS架构(Browser/Server架构),...

    详细解密FineReport中的报表执行过程

    FineReport中的报表执行过程可以分为两个主要步骤,即报表计算和页面转换。 首先,报表计算过程涉及到从数据库读取数据并进行处理。具体来说,FineReport会先读取用户编写的SQL语句,然后将这些语句发送至数据库...

    Finereport数据集参数实现动态列报表模板 + 函数JS代码

    在FineReport中,数据集是报表设计的基础,它负责从数据库中获取数据。通过设置数据集参数,我们可以将用户的选择(比如需要显示的列)作为输入,动态地调整数据集的查询语句。在“实现动态列sql.txt”文件中,应该...

    帆软FineReport实现下拉框控件多级联动查询模板 + SQL脚本

    在FineReport中,下拉框控件是一种常见的参数输入方式,用户可以通过选择列表中的选项来过滤或查询数据。多级联动则意味着当用户在一个下拉框中做出选择时,其他关联的下拉框会根据这个选择自动更新其选项,从而实现...

    FineReport实现EXCEL数据导入自由报表

    在FineReport中,实现Excel数据导入自由报表的步骤可以分为两部分:一是在工具栏中添加导入Excel按钮;二是在线导入Excel中的数据到填报表。 第一部分,添加导入Excel按钮,涉及到FineReport的界面设置。首先,需要...

    FineReport中JS如何自定义按钮导出

    FineReport支持多种不同的导出方式,直接使用FineReport内置导出按钮可以非常快捷方便的来对各种格式的输出,但是我们在web页面集成中的时候,往往只想将报表内容嵌入到iframe中,而工具栏以及工具栏上的按钮都会...

    报表工具FineReport参数控件和报表内容自动居中设置方法

    以下详细讨论了如何在FineReport中设置参数控件以及报表内容的自动居中。 首先,针对参数控件(尤其是多行控件)的居中问题,FineReport提供了两种主要的解决方案。对于7.1.1版本的用户,可以通过拖动界面控件来...

    FineReport自学习题 V2.rar

    总的来说,通过《FineReport自学习题 V2》这个压缩包,用户可以从理论到实践全面掌握FineReport的使用技巧,提升数据分析和报表制作能力,无论是在日常工作中还是在项目开发中,都能发挥出FineReport的强大效能。

    finereport离线帮助文档

    本文将深入解析这个文档中的关键知识点,帮助你更好地理解和运用FineReport。 1. **界面介绍**:离线文档首先会引导用户熟悉FineReport的工作界面,包括菜单栏、工具栏、设计区、预览区等,理解各个区域的功能,是...

    Web报表工具FineReport完整教程

    9. 自动化调度:详细说明如何设置定时任务,实现报表的自动化生成和分发。 四、FineReport实战案例 1. 销售数据分析:利用FineReport进行销售数据的统计分析,生成销售报表,帮助企业决策者了解销售趋势。 2. 财务...

    finereport的jar包

    在Maven项目中,引入FineReport的jar包可以方便地集成到SpringBoot框架中,实现快速的数据报表功能。SpringBoot以其简洁的配置和自动装配特性,使得开发过程更加高效。将FineReport与SpringBoot结合,开发者可以利用...

    FineReport报表怎么日期自动计算.docx

    本文将深入讲解如何在FineReport中实现日期自动计算,以计算出如年龄这样的基于日期的数据字段。 首先,我们需要了解的是FineReport报表设计的基本流程。在创建报表时,第一步是设计报表的表样,即布局和结构。在...

Global site tag (gtag.js) - Google Analytics