
JS实现工具栏增加跳转到指定页面按钮
在分页预览模板中添加一个自定义按钮 为该按钮绑定一个 JavaScript 函数,该函数用于获取工具栏中的当前输入值并跳转至指定页面 打开相应的模板文件,路径为 进入模板属性界面,选择“模板 Web 属性”中的“分页预览设置” 在工具栏中添加一个自定义按钮,并将其命名为“跳转” 为该按钮设置一个图标(如“导航”图标)以增强用户体验 点击自定义事件设置,添加以下 JavaScript 代码: 保存模板后,打开分页预览界面 输入目标页数值后,点击“跳转”按钮 您将看到跳转至指定页面的内容
发布日期:2021-05-14 05:52:20
浏览次数:22
分类:精选文章
本文共 905 字,大约阅读时间需要 3 分钟。
描述
FineReport 的分页预览模块默认提供了基本的分页导航功能,包括跳转到首页、上一页、下一页以及最后一页的操作按钮。为了满足用户对直接点击按钮跳转到指定页面页的需求,我们可以通过添加一个自定义的工具栏按钮来实现。这种方法不仅提高了操作便利性,还使得跳转功能更加直观简便。
思路
为了实现跳转到指定页面的功能,我们可以通过以下步骤实现:
通过这种方式,我们可以轻松地实现按需跳转,同时保持模板的灵活性和可维护性。
操作步骤
为了集成跳转到指定页面的功能,请按照以下步骤操作:
%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Advanced\Pagination\GroupPagination.cpt
var page = $('.x-toolbar input').val(); contentPane.gotoPage(parseInt(page));
此处代码用于获取工具栏中的页面输入值,并将其转换为整数后执行跳转操作
6. 为新添加的“跳转”按钮在工具栏中设置合适的布局,确保其与现有按钮一致风格预览效果
完成上述设置后,您可以通过以下方式进行测试:
需要注意的是,目前该功能在移动端尚不完善,建议在PC端进行使用。
已完成模板
您可以在以下路径找到已完成的模板进行在线查看:
%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\JS\工具栏JS实例\05-JS实现工具栏增加跳转到指定页面按钮.cpt
发表评论
最新留言
逛到本站,mark一下
[***.202.152.39]2025年05月02日 09时22分36秒
关于作者

喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!
推荐文章
windows环境下安装zookeeper(仅本地使用)
2019-03-06
缓冲区溢出实例(一)--Windows
2019-03-06
PHP一句话木马小总结与SQL语句写一句话木马
2019-03-06
Python中字符串前添加r ,b, u, f前缀的含义
2019-03-06
Hadoop学习笔记—Yarn
2019-03-06
JSONPath小试牛刀之Snack3
2019-03-06
Jenkins - 部署在Tomcat容器里的Jenkins,提示“反向代理设置有误”
2019-03-06
wxWidgets源码分析(3) - 消息映射表
2019-03-06
wxWidgets源码分析(5) - 窗口管理
2019-03-06
wxWidgets源码分析(7) - 窗口尺寸
2019-03-06
wxWidgets源码分析(8) - MVC架构
2019-03-06
wxWidgets源码分析(9) - wxString
2019-03-06
Mybatis Generator最完整配置详解
2019-03-06
[白话解析] 深入浅出熵的概念 & 决策树之ID3算法
2019-03-06
[梁山好汉说IT] 梁山好汉和抢劫银行
2019-03-06
[源码解析] 消息队列 Kombu 之 基本架构
2019-03-06
[源码分析] 消息队列 Kombu 之 启动过程
2019-03-06
[源码分析] 消息队列 Kombu 之 Consumer
2019-03-06
抉择之苦
2019-03-06
wx.NET CLI wrapper for wxWidgets
2019-03-06