帆軟報表(finereport)JS實現長頁面錨點定位


 

在報表的應用需求中,頁面過長時,需要頁面中實現類似HTML中錨點功能以跳轉到相應需要預覽模塊

2.gif

 

1實現思路

在設計器中所做的操作最終都會以HTML形式展現在網頁。在這里我們為報表塊單元格加上id選擇器配合對應js來達到定位跳轉效果

#代表id選擇器里面的定位,加上后面你像定位的字符,id選擇器就比如身份證號碼,是唯一的只能一個使用

2. 操作步驟

一般制作長頁面給BODY的屬性為絕對布局 固定大小

在所需錨點位置拖入報表塊,在單元格中以公式形態寫入標簽,賦予id,這里id名$$$取的是當前單元格內容 標題1

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

image.png

然后設置 用HTML顯示內容

image.png

 

 

在頁面頂部導航鏈接位置,為相應鏈接寫入JavaScript腳本

image.png

setTimeout(function(){ 
location.href="#"+"標題1";
});

 

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM