首页 > Web开发 > 详细

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

时间:2019-11-20 00:58:34      阅读:341      评论:0      收藏:0      [点我收藏+]

 

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

技术分享图片

 

1实现思路

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

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

2. 操作步骤

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

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

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

技术分享图片

然后设置 用HTML显示内容

技术分享图片

 

 

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

技术分享图片

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

 

 

 

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

原文:https://www.cnblogs.com/Williamls/p/11894616.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!