帆软 js隐藏滚动条

最新推荐文章于 2024-05-30 10:59:52 发布
最新推荐文章于 2024-05-30 10:59:52 发布
阅读量5.6k 收藏 1
点赞数
分类专栏： 帆软
本文介绍了一种使用JavaScript和jQuery实现报表自动滚动的方法。通过设置定时器，报表区域可以自动向下滚动，同时在鼠标悬停时停止滚动，提高用户体验。滚动速度和距离可通过调整定时器间隔和滚动像素数进行微调。
摘要由CSDN通过智能技术生成

setTimeout(function(){  

    $("div[widgetname=REPORT5]").find("#frozen-north")[0].style.overflow="hidden";  

    $("div[widgetname=REPORT5]").find("#frozen-center")[0].style.overflow="hidden";  

    },100);  

    //隐藏报表块report0的滚动条  

window.flag=true;  

setTimeout(function(){     

$("#frozen-center").mouseover(function()    

{    

  window.flag=false;    

  })  

  //鼠标悬停，滚动停止  

$("#frozen-center").mouseleave(function()    

{    

  window.flag=true;    

  })    

  //鼠标离开，继续滚动  

var old=-1;     

var interval=setInterval(function()    

{  

if(window.flag){  

   currentpos=$("#frozen-center")[0].scrollTop;    

   if (currentpos==old){  

    $("#frozen-center")[0].scrollTop=0;  

     }    

   else {    

      old=currentpos;    

      $("#frozen-center")[0].scrollTop=currentpos+1.5;    

        }    

      }  

    },125);  

    //以25ms的速度每次滚动3.5PX  

},1000) 

DN_XIAOXIAO
关注
专栏目录
帆软隐藏侧边滚动条
hzp666的博客
08-19 8358
决策报表中添加报表块，在报表块中添加图表，但是预览时可能会出现报表块的滚动条，影响美观 解决方案1： 设计器在左上角 “模板” --> “表单报表块自适应属性“ PS：该方法有一定问题，自动调整图表大小，可能不是想要的效果 解决方案2： 1、在报表块中添加 初始化事件： 代码如下： setTimeout(function() { $("div[widg...
帆软报表块实现滚动效果
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
帆软去除滚动条
m0_58836654的博客
11-20 972
/消除对应报表块的滚动条。
FineReport帆软报表：隐藏决策报表滚动条、鼠标悬停滚动停止
yigu4011的博客
07-05 1701
【代码】FineReport帆软报表：隐藏决策报表滚动条、鼠标悬停滚动停止。
帆软 决策报表 报表块自动滚屏和隐藏滚动条（跑马灯）
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(.
报表中去掉滚动条
l_degege的专栏
07-24 1949
1、决策报表中添加了报表模块，展示后有滚动条 解决：添加初始化事件 setTimeout(function() { //获取报表块宽度 var wid = ($("div[widgetname='REPORT1']").width() - 17) + 'px'; //重置报表块宽度 $("div[widgetname='REPORT1']").css('wid...
帆软决策报表-如何通过设置事件方式实现报表自动滚动
u012234486的博客
09-27 7247
往往在做管理看板时，二维报表中的内容过多，只能人为手动滚动查看 如何让报表自动滚动显示？ 方法一：使用“滚动报表图插件” 方法二：为报表组件设置事件（帆软设计器demo自带写法），方法如下： 初始化后事件JS脚本如下： setTimeout(function() { var $report = $("div[widgetname=REPORT11]"); //获取对应report的div元素 var $scroll = $report.find("#frozen-center");
如何实现帆软报表中的滚动报表
yz13731876的博客
10-26 2609
帆软驾驶舱之自动滚动列表 帆软驾驶舱的本质是由多种动静结合的部分组合形成抓人眼球的展现效果。各种插件之中，动态展示是一种不可缺少的展现方式。 滚动报表的实现主要依托于Javascript代码。其中，实现自动实现的效果主要依赖于以下代码。 // An highlighted block setTimeout(function() { //每次重新查询加载的时候需要清掉上一次设置的定时器 $("div[widgetname=REPORT2]").find("#frozen-center").cs
上下滚动的轮播条
05-10
1. CSS布局：通常使用CSS Flexbox或Grid来构建轮播条的容器，设置合适的宽度、高度和溢出隐藏属性，以便在有限的空间内显示轮播内容。通过调整`flex-direction`或`grid-template-columns/rows`，可以实现内容的垂直...
javaScript实现鼠标在文字上悬浮时弹出悬浮层效果
10-18
`overflow: auto`添加了滚动条，以便当内容超出设定的最大高度时可以滚动查看。 JavaScript部分包含两个函数：`showInform()`和`hiddenInform()`. `showInform()`简单地将悬浮层的`display`属性设置为`block`，使得...
帆软FCRA试题及答案（二）
最新发布
zwldn的博客
05-30 1864
第13题【判断题】填报属性中设置了多个内置SQL后，提交时有一个执行不通过的话，后面的内置 SQL 就不会执行，前面的执行过的依旧有效。第34题【单选题】日期控件可以设置不同的显示格式，以匹配不同的选择需求，以下哪种格式不会出现我们需要的显示格式。第14题【判断题】我们在设计时，有时需要在不同的模板中复制粘贴控件，控件的属性和设置会得到保留的。第19题【判断题】参数的数据字典和报表主体，可以来自不同的数据集，只要参数名一致，即可实现过滤查询。
JS隐藏滚动条
qq_41797053的博客
10-10 2162
document.documentElement.style.overflowY = "hidden" document.documentElement.style.overflowY = "auto"
帆软报表使用总结
menghuannvxia的专栏
11-26 5701
如果页面不分页,可以把页面纸张大小设置小一点,横向自适应,访问URL后增加&__bypagesize__=false 这样左右是自适应的,上下按实际大小显示,这种可以避免有上下滚动条时,下方有大量空白。 如果需要在移动端展示，别用悬浮图表，移动端不支持悬浮元素。 表单标题通过数据集直接获取，获取不到，可以采用两种形式获取 借助单元格 将数据集结果放到单元格中，标题公式通过引用单元格获取； 通过sql函数获取 在公式中直接通过sql函数获取，例如：sql("gsjg_xc","SELECT .
帆软-表格数据滚动JS脚本
m0_48618072的博客
04-10 480
【代码】帆软-表格数据滚动。
帆软不同位置获取不同位置控件，以及控件常用方法
hzp666的博客
05-10 5095
CPT模板： 参数 面板获取参数面板控件：this.options.form.getWidgetByName("title").getValue(); 决策报表： 获取参数 面板： _g().parameterEl.getWidgetByName('text').getValue(); 其他： 参数 面板获取参数面板控件：this.options.form.g...
帆软跑马灯
猫气的博客
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
帆软教程：js实现图表自动滚动(跑马灯)
热门推荐
Simon的博客
05-09 1万+
JS实现报表块的跑马灯效果 case one: 表格或图表未冻结首行 创建好表单、图表之后，点击报表快，选择事件——初始化后——编辑 添加JS代码 setTimeout(function() { $("div[widgetname=B]").find(".reportContent")[0].style.overflow = "hidden"; }, 1000); //隐藏控件名为B的滚...
帆软报表参数隐藏用js表达
06-06
可以使用JavaScript代码来隐藏帆软报表参数，具体步骤如下： 1. 打开报表设计器，在需要隐藏的参数的“参数”属性中设置一个标识属性，比如“isHidden”，默认值为“false”。 2. 在报表设计器中找到“脚本”选项卡，进入“模板脚本”区域。 3. 在该区域中编写以下JavaScript代码： ``` function beforeReportRequest() { var parameterList = fr.parameterValues; for (var i = 0; i < parameterList.size(); i++) { var parameter = parameterList.get(i); if (parameter.name == "parameterName" && parameter.isHidden == "true") { parameter.isHidden = "false"; } } } ``` 其中，“parameterName”为需要隐藏的参数名，可以根据实际情况修改。这段代码的作用是在报表请求之前，遍历所有的参数，如果找到了需要隐藏的参数，则将其“isHidden”属性设置为“true”。 4. 在报表设计器中找到“参数”属性，将需要隐藏的参数的“isHidden”属性设置为“true”即可。 这样，当运行报表时，该参数将会被隐藏。需要注意的是，该方法需要在帆软报表版本较高的情况下才能使用。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值