帆软列表自动滚动脚本

使用该脚本时，需将 ‘REPORT0’ 替换为自己报表块的名字

展示效果如下图：

 setTimeout(function() {//隐藏报表块report0的滚动条（此报表块名为report0，根据具体情况修改）$("div[widgetname=REPORT0]").find(".frozen-north").css({'overflow-x':'hidden','overflow-y':'hidden'});$("div[widgetname=REPORT0]").find(".frozen-center").css({'overflow-x':'hidden','overflow-y':'hidden'});},1000);window.flag1 = true;
var self1 = this;
//鼠标悬停，滚动停止
setTimeout(function() {$("div[widgetname=REPORT0]").find(".frozen-center").mouseover(function() {window.flag1 = false;});//鼠标离开，继续滚动$("div[widgetname=REPORT0]").find(".frozen-center").mouseleave(function() {window.flag1 = true;});var old = -1;var interval = setInterval(function() {if (!self1.isVisible()) {return;}if (window.flag1) {currentpos1 = $("div[widgetname=REPORT0]").find(".frozen-center")[0].scrollTop;if (currentpos1 == old && 0!=currentpos1) {$("div[widgetname=REPORT0]").find(".frozen-center")[0].scrollTop = 0;} else {old = currentpos1;//以25ms的速度每次滚动1.5PX$("div[widgetname=REPORT0]").find(".frozen-center")[0].scrollTop = currentpos1 + 1.5;}}}, 25);
},1000);
setTimeout(function() {var a = 'report0'; //获取对应报表块名称var b = a.toUpperCase(); //防止大小写出现误差，此处自动将名称转成大写var wid = ($("div[widgetname='" + b + "']").width() - 17) + 'px'; //获取报表块宽度$("div[widgetname='" + b + "']").css('width', wid); //重置报表块宽度var height = ($("div[widgetname='" + b + "']").height() - 16) + 'px'; //获取报表块高度$("div[widgetname='" + b + "']").css('height', height); //重置报表块高度
}, 100);

帆软官网对决策报表中滚屏实现说明：
https://help.fanruan.com/finereport/doc-view-2393.html?source=1

帆软列表自动滚动脚本相关推荐

帆软报表调用python脚本_帆软报表（finereport）实现自动滚屏效果
例如Demo:IOS平台年度数据报表. 展示内容丰富,一个页面中存在多个图表.内容,超出了浏览器窗口的大小导致内容展示不全. 为了能够预览这个报表的全部内容,可以使用JS滚屏效果来实现. 操作步骤: ...
Android recyclerview item获焦时更新UI导致列表自动滚动到获焦处
问题场景描述:scrollview嵌套rv,rv item里有edittext,当edittext处于获焦状态时,item中有数据改变导致更新UI时,此时列表会自动滚动到获焦处. 分析原因:更新UI时 ...
帆软报表调用python脚本_直连数据库实时更新数据，比python强大，可视化报表这么做简直牛...
会数据库,会python,会做报表,到底有多吃香?我趁着周五没事,打开了某招聘,不到10分钟,竟然有好多HR让我换工作,不是说现在基本上不招人吗?是我太优秀了吗? 甚至还有不止一个跟我说报表+决策分析 ...
vue-seamless-scroll 列表自动滚动
1.下载 cnpm i --s vue-seamless-scroll 2.在main.js文件里引用 import scroll from 'vue-seamless-scroll' Vue.use ...
帆软报表工程师FCRA试题及答案
目录一.入门基础 1.1 单选题 1.2 多选题 1.3 判断题二.数据集 2.1 单选题 2.2 多选题 2.3 判断题三.模板 3.1 单选题 3.2 多选题 3.3 判断题四.报表设计 ...
帆软finereport实现动态切换分组和列表模式
首先简单说一下什么是帆软报表的"分组"还有"列表", 分组呢,就是这样: 列表呢,就是这样: 简单说,列表就是不合并重复的单元格了,分组就是自动把那些重复的单元 ...
帆软报表列表_帆软入门与报表设计
填报报表 1. 创建模板(报表设计) 就以Oracle最简单的emp和dept为例把. 模板设计如下 2. 添加控件右击单元格,选择控件设置选择对应的属性 3. 设置填报属性菜单栏选择模板=&g ...
微信小程序 - 新闻动态 / 公告上下滚动列表（上下循环滚动，无限上下自动滚动列表）
前言本文实现了无限上下自动滚动列表组件,常见于新闻动态列表.公告等场景,可直接调用. 您可以自定义滚动间隔与显示多少个列表, 另外点击每项会触发事件,可用于跳转到详情页. 代码干净整洁,注释详细 ...
vue列表，table表格自动滚动效果
vue列表,表格自动滚动安装依赖 npm install vue-seamless-scroll --save main.js文件里面引入使用 import scroll from 'vue-sea ...

帆软列表自动滚动脚本

帆软列表自动滚动脚本

帆软列表自动滚动脚本相关推荐

最新文章

热门文章

帆软 列表自动滚动脚本

帆软 列表自动滚动脚本

帆软 列表自动滚动脚本相关推荐

最新文章

热门文章

帆软列表自动滚动脚本

帆软列表自动滚动脚本

帆软列表自动滚动脚本相关推荐