FineReport中如何實現自動滾屏效果

孫淑建發布于2019-08-20 14:48 / 2462人閱讀

摘要：由于內容過多，超出了瀏覽器窗口的大小導致內容展示不全的情況。這樣我們就需要用到滾屏效果來解決，這里主要介紹在中的具體制作方法。如果想要停止滾動的話，用鼠標左鍵點擊一下窗口即可。

對于一些特殊的模板，可能為了展示的更加豐富、全面會在一個頁面放置很多圖表。表格等內容。由于內容過多，超出了瀏覽器窗口的大小導致內容展示不全的情況。這樣我們就需要用到JS滾屏效果來解決，這里主要介紹在FineReport中的具體制作方法。

添加加載結束事件
點擊菜單模板>模板web屬性>分頁預覽設置，選擇“為該模板多帶帶設置”，添加一個“加載結束”后事件，如下圖所示：

JS代碼如下：

//從頁面加載結束后延遲2000MS執行事件（滾動）
setTimeout(function(){
//當鼠標點擊時
$(".content-container").click(function()
{
//如果頁面正在執行事件（滾動）
  if(interval)
  {
//取消事件（滾動）
  clearInterval(interval);
  }
})
var old=-1;
//按照指定周期不斷的調用滾動事件
var interval=setInterval(function()
{ 
currentpos=$(".content-container")[0].scrollTop;
if (currentpos==old){
//取消事件（滾動）
clearInterval(interval);
//重新加載頁面
window.location.reload();
}
else
{
old=currentpos;
//以25MS的速度每次滾動3.5PX
$(".content-container")[0].scrollTop=currentpos+3.5;
}
}
,25);
},2000)

保存與預覽
保存模板，點擊分頁預覽，就會出現上面的自動滾動效果。如果想要停止滾動的話，用鼠標左鍵點擊一下窗口即可。

GPU云服務器云服務器自動滾屏 js如何實現3d效果這種效果怎么實現實現放大鏡效果

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/81933.html

FineReport中如何制作樹數據集來實現組織樹報表

摘要：問題描述，組織樹報表中由與父來實現組織樹報表，若層級數較多時，對每個單元格設置過濾條件和形態會比較繁瑣，因此提供了一種特殊的數據集樹數據集，只需要簡單的設置就能自動遞歸出層級，方便的實現如下圖組織樹報表圖一圖二構建樹新建報表，添加數據集新建問題描述FineReport，組織樹報表中由id與父id來實現組織樹報表，若層級數較多時，對每個單元格設置過濾條件和形態會比較繁瑣，因此FineR...

vvpale 2019-08-01 16:55 評論0 收藏0
FineReport中樹數據集如何實現組織樹報表

摘要：組織樹報表中由與父來實現組織樹報表，若層級數較多時，對每個單元格設置過濾條件和形態會比較繁瑣，因此提供了一種特殊的數據集樹數據集，只需要簡單的設置就能自動遞歸出層級，方便的實現如下圖組織樹報表圖一圖二構建樹新建報表，添加數據集新建工作薄，添組織樹報表中由id與父id來實現組織樹報表，若層級數較多時，對每個單元格設置過濾條件和形態會比較繁瑣，因此FineReport提供了一種特殊的數據...

Travis 2019-08-21 15:32 評論0 收藏0
FineReport中樹數據集如何實現組織樹報表

摘要：組織樹報表中由與父來實現組織樹報表，若層級數較多時，對每個單元格設置過濾條件和形態會比較繁瑣，因此提供了一種特殊的數據集樹數據集，只需要簡單的設置就能自動遞歸出層級，方便的實現如下圖組織樹報表圖一圖二構建樹新建報表，添加數據集新建工作薄，添組織樹報表中由id與父id來實現組織樹報表，若層級數較多時，對每個單元格設置過濾條件和形態會比較繁瑣，因此FineReport提供了一種特殊的數據...

Dongjie_Liu 2019-08-01 16:38 評論0 收藏0