对于一些特殊的模板,可能为了展示的更加丰富、全面会在一个页面放置很多图表。表格等内容。由于内容过多,超出了浏览器窗口的大小导致内容展示不全的情况。这样我们就需要用到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)
保存与预览
保存模板,点击分页预览,就会出现上面的自动滚动效果。如果想要停止滚动的话,用鼠标左键点击一下窗口即可。
相关推荐
在FineReport软件中,我们可以使用各种公式来实现日期自动计算,如YEAR、MONTH、DAY等函数。这些函数可以帮助我们快速计算出生日期、年龄等信息。 2. 保存预览 在FineReport软件中,保存预览是非常重要的一步。在...
### 报表开发工具FineReport中如何把报表放到网页中显示 #### 一、背景介绍 随着信息技术的发展,越来越多的企业倾向于使用基于浏览器/服务器(Browser/Server,简称BS架构)的系统来处理业务流程。这类系统通常...
在模板中实现图表轮播效果,我们需要设置参数。参数是Finereport中连接用户界面和数据源的关键元素,它们允许用户输入值或选择值,影响报表的显示。在这个案例中,可能有一个年份参数,用户可以通过选择不同年份来...
在FineReport中设计动态列报表,通常需要掌握相关的脚本语法,了解如何通过脚本访问报表中的数据集、进行数据处理和输出。此外,FineReport作为一个报表工具,它的很多高级功能往往需要通过脚本语言进行更细致的定制...
这是每个钉钉企业号的基础配置信息,用于在FineReport中进行配置对接。 在FineReport的管理平台中,通过钉钉管理节点进入后,将钉钉中的CorpID和CorpSecret填入相应字段,完成钉钉企业号的ID和管理组凭证密码的设置...
在FineReport中,地图组件允许用户以地图形式展示数据分布,但有时默认的标签和提示点显示可能不符合特定的需求。为了满足更加个性化和精确的显示要求,FineReport允许用户利用JavaScript来自定义地图标签和提示点。...
### 报表工具FineReport中如何把报表放到网页中显示 #### 一、背景与需求分析 随着互联网技术的发展,企业对于数据展示的需求越来越倾向于基于Web的解决方案。这些Web应用通常采用BS架构(Browser/Server架构),...
FineReport中的报表执行过程可以分为两个主要步骤,即报表计算和页面转换。 首先,报表计算过程涉及到从数据库读取数据并进行处理。具体来说,FineReport会先读取用户编写的SQL语句,然后将这些语句发送至数据库...
在FineReport中,数据集是报表设计的基础,它负责从数据库中获取数据。通过设置数据集参数,我们可以将用户的选择(比如需要显示的列)作为输入,动态地调整数据集的查询语句。在“实现动态列sql.txt”文件中,应该...
在FineReport中,下拉框控件是一种常见的参数输入方式,用户可以通过选择列表中的选项来过滤或查询数据。多级联动则意味着当用户在一个下拉框中做出选择时,其他关联的下拉框会根据这个选择自动更新其选项,从而实现...
在FineReport中,实现Excel数据导入自由报表的步骤可以分为两部分:一是在工具栏中添加导入Excel按钮;二是在线导入Excel中的数据到填报表。 第一部分,添加导入Excel按钮,涉及到FineReport的界面设置。首先,需要...
FineReport支持多种不同的导出方式,直接使用FineReport内置导出按钮可以非常快捷方便的来对各种格式的输出,但是我们在web页面集成中的时候,往往只想将报表内容嵌入到iframe中,而工具栏以及工具栏上的按钮都会...
以下详细讨论了如何在FineReport中设置参数控件以及报表内容的自动居中。 首先,针对参数控件(尤其是多行控件)的居中问题,FineReport提供了两种主要的解决方案。对于7.1.1版本的用户,可以通过拖动界面控件来...
总的来说,通过《FineReport自学习题 V2》这个压缩包,用户可以从理论到实践全面掌握FineReport的使用技巧,提升数据分析和报表制作能力,无论是在日常工作中还是在项目开发中,都能发挥出FineReport的强大效能。
8. **数据集与查询**:数据集是FineReport中的数据容器,它封装了数据源查询逻辑。熟练掌握数据集的创建、SQL编写以及使用预定义SQL,能让你更好地管理数据。 9. **子报表与分组**:子报表用于嵌套报表,分组则用于...
9. 自动化调度:详细说明如何设置定时任务,实现报表的自动化生成和分发。 四、FineReport实战案例 1. 销售数据分析:利用FineReport进行销售数据的统计分析,生成销售报表,帮助企业决策者了解销售趋势。 2. 财务...
在Maven项目中,引入FineReport的jar包可以方便地集成到SpringBoot框架中,实现快速的数据报表功能。SpringBoot以其简洁的配置和自动装配特性,使得开发过程更加高效。将FineReport与SpringBoot结合,开发者可以利用...
本文将深入讲解如何在FineReport中实现日期自动计算,以计算出如年龄这样的基于日期的数据字段。 首先,我们需要了解的是FineReport报表设计的基本流程。在创建报表时,第一步是设计报表的表样,即布局和结构。在...