反馈已提交

网络繁忙

[通用]移动端JS模板实现跳转

  • 文档创建者:Wendy123456
  • 历史版本:6
  • 最近更新:Carly 于 2023-07-21
  • 1. 概述

    1.1 版本

    报表服务器版本App
    HTML5 移动端展现插件
    11.0V11.0
    V11.0

    1.2 功能简介

    通过 JS 语句,实现点击模板上方汇总数据跳转到下方详细数据的效果。

    注1:该方法不支持横屏。

    注2:若全屏放大后触发 JS ,退出全屏跳转到对应组件。

    注3:点击模板中悬浮窗导航到页面指定位置的方法,可参考:组件快速定位

    JS 调用场景如下表所示:

    JS 调用场景具体介绍
    事件控件事件
    body 初始化事件
    超链报表块中单元格超链
    body 中图表超链
    报表块中图表超链
    Tab 块

    2. 示例

    注:决策报表中 body 布局为重布局时才能使用该方法。

    2.1 准备模板

    在FineReport设计器中打开模板:

    %FR_HOME%\webapps\webroot\WEB-INF\reportlets\demo\Phone\industry\零售集团实时监控-phone.frm

    点击下载模板:零售集团实时监控-phone.frm

    2.2 添加超链

    不同场景下超链 JS 语句不同,如下所示:

    • 单元格中使用超链:_g().options.form.jumpToMark("markName")

    • 表单组件中使用超链:this.options.form.jumpToMark("markName")

    注:「markName」可为控件名称、表格组件名称、图表块名称、Tab-tabpane 名称。

    2.2.1 报表单元格添加超链

    鼠标左键双击「report0」报表块,选中「A3」单元格,在右侧属性面板中点击「超级链接」,选择「JavaScript脚本」。如下图所示:

    21.png

    JS 代码如下所示:

    _g().options.form.jumpToMark("chart1")

    2.2.2 图表块添加超链

    1)双击「chart2」图表块,点击「特效」>「添加链接」,选择「JavaScript」。如下图所示:

    22.png

    JS 代码如下所示:

    this.options.form.jumpToMark("chart0")

    2)双击「chart2」图表块,点击「特效」>「添加链接」,选择「JavaScript」。如下图所示:

    23.png

    JS 代码如下所示:

    this.options.form.jumpToMark("report1")

    3)双击所添加的链接名称,将链接名称依次修改为:「实时销售额」、「顶部」。如下图所示:

    1587716454223082.png

    2.3 使用导航

    1)选中「report1」,点击「移动端」,勾选「使用导航」按钮。如下图所示:

    1587716674805764.png

    2)选中「chart0」,点击「移动端」,勾选「使用导航」按钮。如下图所示:

    1587716817548185.png

    3)选中「chart1」,点击「移动端」,勾选「使用导航」按钮。如下图所示:

    1587716909300583.png

    2.4 效果查看

    以 App 效果为例,如下图所示:

    90.gif

    3. 模板下载

    点击下载模板:35-JS实现组件快速定位.frm

    附件列表


    主题: 移动端应用
    • 有帮助
    • 没帮助
    • 只是浏览
    中文(简体)

    鼠标选中内容,快速反馈问题

    鼠标选中存在疑惑的内容,即可快速反馈问题,我们将会跟进处理。

    不再提示

    10s后关闭

    联系我们
    在线支持
    获取专业技术支持,快速帮助您解决问题
    工作日9:00-12:00,13:30-17:30在线
    页面反馈
    针对当前网页的建议、问题反馈
    售前咨询
    采购需求/获取报价/预约演示
    或拨打: 400-811-8890 转1
    qr
    热线电话
    咨询/故障救援热线:400-811-8890转2
    总裁办24H投诉:17312781526
    提交页面反馈
    仅适用于当前网页的意见收集,帆软产品问题请在 问答板块提问前往服务平台 获取技术支持