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

喜你入骨 提交于 2019-12-05 01:12:10

 

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

 

1实现思路

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

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

2. 操作步骤

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

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

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

然后设置 用HTML显示内容

 

 

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

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

 

 

 
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!