zoukankan      html  css  js  c++  java
  • 帆软报表(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";
    });

     

     
  • 相关阅读:
    七牛云上传博客
    .net 导入Excel
    liunx ln -s 软连接
    dos2unix 命令
    x-csrf-token
    设置git 不提交 修改权限的文件
    nginx 启动、重启、关闭
    命令行导入mysql数据
    mongo 相关命令
    laravel 安装完成后安装 vendor 目录
  • 原文地址:https://www.cnblogs.com/Williamls/p/11894616.html
Copyright © 2011-2022 走看看