如何实现报表滚动到底部进行翻页的效果_润乾怎样让翻页时进行查询_xiaohuihui_1992的博客-程序员秘密

技术标签: 滚动 翻页  报表 js  报表 翻页  报表分页  报表  

报表数据分多页在页面中显示,为了用户翻看数据方便,报表页面都会有按钮,方便用户点击按钮查看其他页的数据,按钮的翻页方式比较常见,润乾报表展现页面提供的就是这种方式。

TIM20200505120754png

这里介绍另一种翻页方式,鼠标滚动来翻页查看数据。
基本实现思路就是在报表展现页面中加鼠标滚动事件,滚到底就调用润乾自带的函数。
在报表展现的页面 showReport.jsp 中添加下面的 JS:

if (window.addEventListener)//FF,火狐浏览器会识别该方法
    window.addEventListener('DOMMouseScroll', wheel, false);
window.onmousewheel = document.onmousewheel = wheel;//W3C
//统一处理滚轮滚动事件
function wheel(event){
    var delta = 0;
    if (!event) event = window.event;
    if (event.wheelDelta) {//IE、chrome浏览器使用的是wheelDelta,并且值为“正负120”
        delta = event.wheelDelta/120; 
        if (window.opera) delta = -delta;//因为IE、chrome等向下滚动是负值,FF是正值,为了处理一致性,在此取反处理
    } else if (event.detail) {//FF浏览器使用的是detail,其值为“正负3”
        delta = -event.detail/3;
    }
    if (delta)
        handle(delta);
}
//上下滚动时的具体处理函数
function handle(delta) {
if (delta <0){//向下滚动
      nextPage('report1');  
    }else{//向上滚动
       prevPage('report1'); 
    }
}

报表属性中设置报表分页方式为按行分页,每页显示 30 行的报表,在页面上的分页及拖动鼠标分页的效果如下。

TIM20200505121728png

页面添加上面的 JS 后,就可以在浏览器中使用 showReport.jsp 访问报表,上下滚动鼠标滑轮,就可以畅爽的翻页查看数据了。

gif

对进一步报表和 BI 技术感兴趣的同学还可以搜索“乾学院”,上面有整套的免费“商业智能”技术课程,. 或者直接点下面的链接也可以 :

http://www.raqsoft.com.cn/wx/course-Business-Intelligence.html

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/xiaohuihui_1992/article/details/107662348

智能推荐

简单dp及例题_简单dp——做作业_Eturial的博客-程序员秘密

简单动态规划及其基础例题dpDynamic Programming是算法的设计方法,是一种编程思想,是用前面的子状态来推导出后面的状态的一种方式。主要用于解决最优解类型的问题。对于这类问题,需要注意,每个子状态都必须是最优的,才能用来推导后面的最优。也就是说,其基本思想是:将原问题分解为相似的子问题,在求解的过程中通过子问题的解求出原问题的解。例1 矩形取数问题一个N*N矩阵中有不同的正...

Exception in thread "http-nio-8080-exec-1"_GuoLiuV的博客-程序员秘密

问题:用 idea 启动项目时,出现Exception in thread "http-nio-8080-exec-1" Exception in thread "http-nio-8080-exec-2"等!原因: idea 启动项目时内存不够用!解决办法:在 VM options:加入-Xms2048m-Xmx2048m-XX:MaxPermSize=4096m-Dre...

正则表达式详解_2)每行有 n 个0,每个0后面有一个制表符(\t)。_小飞鹤的博客-程序员秘密

第一个“\”这个是俗称转义字符,就是把一个字符标记为一个特殊字符或者原义字符。如:“n” 就是匹配“n”  。如果是“\n”  则是换行符。有人该问了如果我就是想写“\”这个斜杠呢? 这个也很简单啊!就直接是这样写“\\”就可以了!为什么写两个“\\”呢!就是为了区分。第二个“^”这个是俗称开始字符,就是说准备写正则了!如果设置了RegExp对象的Multiline属性,^也匹

手机APP抓包问题总结及相关解决方案_app无法抓包_zf zZ的博客-程序员秘密

关于App抓包你需要知道的这些事文章目录关于App抓包你需要知道的这些事前言1 抓包工具的选择2 常见问题解决2.1 App正常运行,但是抓包工具中没有对应的请求记录2.1.1 UDP协议进行网络通信2.1.2 无代理模式2.2 App正常运行,但是抓包工具中对应的请求记录标记为失败2.3 App不能正常运行,报请求失败或网络错误2.3.1 单向认证(SSL pinning)2.3.2 双向认证3 总结前言本文主要用于介绍我们在常规App抓包过程中遇到的各种问题以及解决方案1 抓包工具的选择现阶段

字节对齐的问题_fisher_jiang的博客-程序员秘密

为了能使CPU对变量进行高效快速的访问,变量的起始地址应该具有某些特性,即所谓的“对齐”。例如对于4字节的int类型变量,其起始地址应位于4字节边界上,即起始地址能够被4整除。变量的对齐规则如下(32位系统):TypeAlignmentchar在字节边界上对齐short (16-bit)在双字节边界上对齐int and long (32-bit)在4字节边界上对齐float在4

文华学院大学16级c语言考试试卷,华中科技大学09级《C语言程序设计》考试模拟试卷..._杀手海王的博客-程序员秘密

华中科技大学期末考试卷华中科技大学文华学院09级《C语言程序设计》考试模拟试卷课程性质:必修 使用范围: 考试时间: 考试方式:学号______________专业_______班级____姓名___________成绩____一、选择题(每小题2分,共20分) ( )(1)若x、y、j和k...

随便推点

MATLAB(四)基础绘图_weixin_43554366的博客-程序员秘密

基础链接:https://blog.csdn.net/ncepu_Chen/article/details/103097452补充:plot(x,y,'r.-');plot(x,y,'r.-',x2,y2,'g.-');画图函数y和x是能组成一个方程,'r.-'是线的样式w:Whitek:Blackb:Bluer:Redc:Cyang:Greenm:Mag...

DBeaver首次连接Oracle驱动问题_dbever连接orale驱动_努力的小玖心的博客-程序员秘密

在使用 DBeaver 连接 Oracle 数据库,一直报错 Got minus one from a read call.解决问题:配置驱动连接点击编辑驱动设置注意这里的直接添加文件是不起效果的,点击类路径全局库里面添加这个jar包即可,我这里添加的是ojdbc6的jar包...

python utf-8报错_python处理一些乱码的中文文本时decode('utf-8')报错的处理_weixin_39801158的博客-程序员秘密

用python写脚本时,遇到处理中文(乱码的中文)时,用decode('utf-8')会发现始终会报错&gt;&gt;&gt; txt_from = open('/home/love/ex130705.log')&gt;&gt;&gt; txt_from_iter= iter(txt_from)&gt;&gt;&gt; txt_proc = txt_from_iter.next().decode(...

Xshell 提示Connection established. To escape to local shell, press 'Ctrl+Alt+]'.。无法远程登录的问题_wssjn1994的博客-程序员秘密

转自:https://blog.csdn.net/weixin_41619143/article/details/89515803解决办法。删除这个xshell窗口所在链接的信息,重新添加一个即可

.Net Core + DDD基础分层 + 项目基本框架 + 个人总结_weixin_30252155的博客-程序员秘密

.Net Core + DDD基础分层 + 项目基本框架 + 个人总结 原文:.Net Core + DDD基础分层 + 项目基本框架 + 个人总结为什么要写这篇文章1,在大半年前,公司开发任务比较轻松,自己不知道干什么,但是又想要学习技术,比较迷茫,后面我接触到了博客园,看了一个帖子,深有感触,我当时不知道学习什么,于是我信息给他,他居然...

HTTPS面试常问全解析,在线面试指南_普通网友的博客-程序员秘密

kafka面试基础[17]1.Kafka的用途有哪些?使用场景如何?2.Kafka中的ISR、AR又代表什么?ISR的伸缩又指什么3.Kafka中的HW、LEO、LSO、LW等分别代表什么?4.Kafka中是怎么体现消息顺序性的?5.Kafka中的分区器、序列化器、拦截器是否了解?它们之间的处理顺序是什么?6.Kafka生产者客户端的整体结构是什么样子的?7.Kafka生产者客户端中使用了几个线程来处理?分别是什么?8.Kafka的旧版Scala的消费者客户端的设计有什么缺陷?9.“消费组

推荐文章

热门文章

相关标签