帆软报表(finereport)JS实现长页面锚点定位

0|1 


在报表的应用需求中,页面过长时,需要页面中实现类似HTML中锚点功能以跳转到相应需要预览模块

2.gif

 

1实现思路

在设计器中所做的操作最终都会以HTML形式展现在网页。在这里我们为报表块单元格加上id选择器配合对应js来达到定位跳转效果

#代表id选择器里面的定位,加上后面你像定位的字符,id选择器就比如身份证号码,是唯一的只能一个使用

0|12. 操作步骤


一般制作长页面给BODY的属性为绝对布局 固定大小

在所需锚点位置拖入报表块,在单元格中以公式形态写入标签,赋予id,这里id名$$$取的是当前单元格内容 标题1

"<span id='"+$$$+"'>"+$$$+"</span>"

image.png

然后设置 用HTML显示内容

image.png

 

 

在页面顶部导航链接位置,为相应链接写入JavaScript脚本

image.png

setTimeout(function(){ location.href="#"+"标题1"; });

 

 

 

__EOF__

作  者Aaron
出  处https://www.cnblogs.com/Williamls/p/11894616.html
关于博主:  谦谦君子 卑以自牧
版权声明:署名 - 非商业性使用 - 禁止演绎,协议普通文本 | 协议法律文本
声援博主:如果您觉得文章对您有帮助,可以点击文章右下角推荐一下。您的鼓励是博主的最大动力!

posted @   LuckinAaron  阅读(1321)  评论(3编辑  收藏  举报
编辑推荐:
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
阅读排行:
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 单元测试从入门到精通
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 上周热点回顾(3.3-3.9)
· winform 绘制太阳,地球,月球 运作规律
1
0
关注
跳至底部
点击右上角即可分享
微信分享提示