JS实现冻结报表分析/填报报表加载后自动滚动到最下方/最右侧

1. 概述1.1 预期效果

分析/填报页面做出的报表由于没有分页，通常页面较大。

有时用户需要报表在页面加载后，自动滚动到浏览器最下方或最右侧，方便查看或填报最新的数据。如下图所示：

1.2 实现思路

可通过添加加载结束事件实现此效果。

2. 示例

2.1 打开模板

打开模板：%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Form\LineForm\插入删除行重新编号.cpt。

2.2 设置冻结

点击模板>重复与冻结设置，在填报冻结下，选择冻结第 1 行至第 2 行。如下图所示：

2.3 添加加载结束事件

点击模板>模板 Web 属性>填报页面设置，选择为该模板单独设置，添加加载结束事件，如下图所示：

JavaScript 代码如下：

1. setTimeout(function(){
   
2. var a=$("#frozen-center")[0];
   
3. var y=a.scrollHeight;//获取页面最大高度
   
4. var x=a.scrollWidth;//获取页面最大宽度
   
5. a.scrollLeft=x;
   
6. a.scrollTop=y;
   
7. },100)

复制代码

2.4 效果预览

保存模板，点击填报预览，PC 端预览效果如下图所示：

注1：如果桌面分辨率较高，有时会看不到效果，可以缩小浏览器窗口，刷新页面再查看效果。

注2：不支持移动端。

3. 已完成模板

已完成的模板，可参见：%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\JS\填报预览JS实例\39-JS实现分析或填报报表加载后自动滚动到最下方或最右侧示例二.cpt

点击下载模板：39-JS实现分析或填报报表加载后自动滚动到最下方或最右侧示例二.cpt