帆软报表（finereport）实现自动滚屏效果

最新推荐文章于 2024-04-10 10:00:49 发布
最新推荐文章于 2024-04-10 10:00:49 发布
阅读量3k 收藏 1
点赞数
原文链接：http://www.cnblogs.com/Williamls/p/10614493.html
版权
本文介绍了如何在帆软报表（Finereport）中实现自动滚屏效果，以解决因内容过多导致页面展示不全的问题。在iOS平台的年度数据报表示例中，通过设置模板的Web属性，添加‘加载结束’事件并插入JS脚本来实现这一功能。当需要停止滚动时，只需鼠标左键点击页面。
摘要由CSDN通过智能技术生成

例如Demo：IOS平台年度数据报表。

展示内容丰富，一个页面中存在多个图表、内容，超出了浏览器窗口的大小导致内容展示不全。

为了能够预览这个报表的全部内容，可以使用JS滚屏效果来实现。

操作步骤：

点击菜单模板→模板web属性→分页预览设置→为改模板单独设置→添加“加载结束”事件

JS脚本代码：

 1 setTimeout(function(){
 2     //鼠标点击结束
最低0.47元/天 解锁文章
weixin_30505225
关注
帆软报表块实现滚动效果
yz13731876的博客
11-12 2363
这是一版新的跑马灯的代码片 既可以实现隐藏滚动条，又可以实现滚动 setInterval(function(){ $("div[widgetname=REPORT0_C]").find("tbody").children().eq(1).children().eq(1).children().css({"overflow-x":"hidden","overflow-y":"hidden"}); $("div[widgetname=REPORT0_C]").find("tbody").children().e
如何实现帆软报表中的滚动报表
yz13731876的博客
10-26 2609
帆软驾驶舱之自动滚动列表 帆软驾驶舱的本质是由多种动静结合的部分组合形成抓人眼球的展现效果。各种插件之中，动态展示是一种不可缺少的展现方式。 滚动报表的实现主要依托于Javascript代码。其中，实现自动实现的效果主要依赖于以下代码。 // An highlighted block setTimeout(function() { //每次重新查询加载的时候需要清掉上一次设置的定时器 $("div[widgetname=REPORT2]").find("#frozen-center").cs
finereport决策报表添加滚动条，实现上下滚动效果
hzp666的博客
08-22 1万+
1. 描述 一个网页中嵌入了一个 iframe，iframe 中嵌入一张报表，当报表大小超过 iframe 大小时，iframe 中就会出现滚动条； 当 iframe 超过浏览器大小时，浏览器便会出现滚动条，就是下图这种效果。 2.实现原理 如果我们横向与纵向都只想保留一个滚动条，应该怎么做呢？首先我们来看一下 iframe 的定义方式： <iframe id="xx" na...
FineReport中如何实现自动滚屏效果
03-06
对于一些特殊的模板，可能为了展示的更加丰富、全面会在一个页面放置很多图表。表格等内容。由于内容过多，超出了浏览器窗口的大小导致内容展示不全的情况。这样我们就需要用到JS滚屏效果来解决，这里主要介绍在FineReport中的具体制作方法。
帆软跑马灯
猫气的博客
12-03 1301
定时器区别： setInterval():执行完会循环 setTimeout()：执行完就终止 跑马灯js setInterval(function() { //隐藏报表块report0_c的滚动条（此报表块名为report0_c，根据具体情况修改） $(“div[widgetname=REPORT1]”).find(".frozen-north")[0].style.overflow = “hidden”; $(“div[widgetname=REPORT1]”).find(".frozen-center
帆软报表：决策报表中存在多个报表块时滚动/跑马灯效果失效
weixin_43203591的博客
07-12 2795
背景 帆软报表里使用决策报表添加多个报表块，且需要实现各自报表块的滚动效果。按照技术文档各自操作后发现滚动异常。异常现象如下： 报表块可以实现滚动；但是鼠标放在报表块上滚动效果不停止（随机一个报表块可以正常实现停止滚动，其它报表块鼠标放上去之后无法停止）。 解决 此时需要在body块里添加JS语句。js语句也需要进行改良，JS语句如下： setTimeout(function() { AutoScroll(["REPORT1", "REPORT2", "REPORT3"]); //此处根据实际报表需求
帆软-表格数据滚动JS脚本
最新发布
m0_48618072的博客
04-10 480
【代码】帆软-表格数据滚动。
FineReport决策报表实现图表轮播
cjlccwzl的专栏
09-11 3205
FineReport决策报表实现图表轮播
帆软报表调用python脚本_帆软报表（finereport）实现自动滚屏效果
weixin_39997664的博客
12-06 2518
例如Demo：IOS平台年度数据报表。展示内容丰富，一个页面中存在多个图表、内容，超出了浏览器窗口的大小导致内容展示不全。为了能够预览这个报表的全部内容，可以使用JS滚屏效果来实现。操作步骤：点击菜单模板→模板web属性→分页预览设置→为改模板单独设置→添加“加载结束”事件JS脚本代码：setTimeout(function(){//鼠标点击结束$('.content-container').cl...
帆软报表软件FineReport帮助文档
03-01
FineReport报表软件功能编辑 自推出市场以来，FineReport得到多方用户的认可，同时也在不断的改良与升级中变得更加易用，功能更 加强大，也将会给用户带来更新更好的体验。 FineReport报表工具提供了易用且高效率的...
用帆软报表FineReport打造公司数字化经营报表
hualalalalali的博客
08-28 506
如何高效进行报表制作与设计呢？这篇文章给大家分享超级实用的报表软件——帆软报表FineReport。帆软公司持续深耕报表应用，针对不同场景提供了多元的报表开发模式，并巩固基础，提升产品性能、稳定性和安全性。...
帆软图表内容自动滚动，鼠标悬停（跑马灯）
IT菜鸟的博客
11-06 3629
样例代码如下 setTimeout(function() { //隐藏报表块 A 的滚动条 $("div[widgetname=A]").find(".frozen-north")[0].style.overflow = "hidden"; $("div[widgetname=A]").find(".frozen-center")[0].style.overflow = "hidden"; }, 1000); window.flag0 = true; //鼠标悬停，滚动停止
帆软报表使用总结
menghuannvxia的专栏
11-26 5701
如果页面不分页,可以把页面纸张大小设置小一点,横向自适应,访问URL后增加&__bypagesize__=false 这样左右是自适应的,上下按实际大小显示,这种可以避免有上下滚动条时,下方有大量空白。 如果需要在移动端展示，别用悬浮图表，移动端不支持悬浮元素。 表单标题通过数据集直接获取，获取不到，可以采用两种形式获取 借助单元格 将数据集结果放到单元格中，标题公式通过引用单元格获取； 通过sql函数获取 在公式中直接通过sql函数获取，例如：sql("gsjg_xc","SELECT .
FineReport——利用JS实现自动翻页及点击后翻页
一克拉的小蚂蚁的博客
01-31 3173
1、实现点击鼠标后翻页 window.location.href = FR.cjkEncode("ReportServer?formlet=%5B8d22%5D%5B52a1%5D-%5B5e94%5D%5B6536%5D%5B8d26%5D%5B6b3e%5Dtest.frm"); 2、实现自动翻页 function time() { timer = setTimeout...
帆软 决策报表 报表块自动滚屏和隐藏滚动条（跑马灯）
weixin_42726550的博客
08-28 6529
setInterval(function(){ $("div[widgetname=REPORT0_C]").find("tbody").children().eq(1).children().eq(1).children().css({"overflow-x":"hidden","overflow-y":"hidden"}); $("div[widgetname=REPORT0_C]").find("tbody").children().eq(0).children().eq(1).children(.
帆软 列表自动滚动脚本
xie_bro的博客
07-02 2942
帆软 列表自动滚动脚本
帆软报表定时刷新
飞翔的学习笔记
07-27 1462
帆软
帆软教程：js实现图表自动滚动(跑马灯)
热门推荐
Simon的博客
05-09 1万+
JS实现报表块的跑马灯效果 case one: 表格或图表未冻结首行 创建好表单、图表之后，点击报表快，选择事件——初始化后——编辑 添加JS代码 setTimeout(function() { $("div[widgetname=B]").find(".reportContent")[0].style.overflow = "hidden"; }, 1000); //隐藏控件名为B的滚...
帆软报表同时使用定时刷新插件和跑马灯效果
qq_44427336的博客
07-13 4947
帆软设计器9.0报表同时使用定时刷新和跑马灯会覆盖隐藏样式问题的解决
帆软报表（finereport）点击事件对话框打开
06-06
你可以通过以下步骤实现在帆软报表中点击事件打开对话框： 1. 在帆软报表设计器中选中需要添加点击事件的控件，比如按钮或图标等。 2. 在属性编辑器中找到“点击事件”属性，点击右侧的“…”按钮打开事件编辑器。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值