其它

  • 文档创建者:Wendy123456
  • 编辑次数:8次
  • 最近更新:Wendy123456 于 2020-04-26
  • 1. 概述

    1.1 版本

    报表服务器
    JAR 包
    App 版本HTML5 移动端展现插件支持功能
    10.02019-11-0810.4.46V10.4.49移动端刷新按钮
    2019-12-05--H5 设置
    2020-04-2610.4.66
    V10.4.66普通报表填报时,可不显示文本类控件图标
    ----V10.4.66
    H5 首页显示优化

    1.2 应用场景

    • 用户的报表大都是静态报表,短时间内数据不会变化,并不需要下拉刷新这个功能,此时可在数据决策平台「其它」Tab 页中关掉刷新设置;

    • 用户预览模板时,下拉刷新这个功能较灵敏,用户可在数据决策平台「其它」Tab 页中设置按钮刷新,若需要刷新模板,点击刷新按钮即可;

    • 用户使用普通报表填报时,不希望显示文本类控件图标,可可在数据决策平台「其它」Tab 页中关闭显示文本控件图标按钮;

    • 用户在 HTML5 端访问报表系统时,希望通过按钮的方式实现首页和目录的切换,可在数据决策平台「其它」Tab 页中打开底部首页切换按钮。

    • 用户有时需要在 H5 端实现一些效果,比如改变元素控件和格子的样式、控件的显示或隐藏等,可在数据决策平台「其它」Tab 页的 H5 设置中引入外部 JS 文件和 CSS 文件;

    1.3 功能简介

    • 用户可在数据决策平台「其它」Tab 页的刷新设置中,关闭模板刷新或使用按钮刷新模板;

    • 用户若选择按钮刷新,可刷新 App 端的模板,H5 端的模板和首页;

    • 用户可在数据决策平台「其它」Tab 页关闭显示文本控件图标按钮,普通报表填报时可不显示文本类控件图标;

    • 用户可通过按钮的方式实现首页和目录的切换;

    • 用户可在数据决策平台「其它」Tab 页的 H5 设置中,引入外部 JS 文件和 CSS 文件,在 H5 端实现一些特效或效果;

    2. 模板设置

    若 FineReport 设计器的 JAR 包、App 版本、HTML5 移动端展现插件的版本符合本文 1.1 章 要求,「其它」 Tab 页如下图所示:

    1585105513122264.png

    2.1 刷新设置说明

    「刷新设置」默认为不刷新

    不刷新按钮刷新的作用范围和移动端效果如下表所示:

    刷新设置作用范围
    效果
    不刷新App主页没有刷新按钮,不能下拉刷新
    目录没有刷新按钮,支持下拉刷新
    常用没有刷新按钮,支持下拉刷新
    消息没有刷新按钮,支持下拉刷新
    模板没有刷新按钮,不能下拉刷新
    HTML5主页没有刷新按钮,不能下拉刷新
    目录没有刷新按钮,不能下拉刷新
    模板没有刷新按钮,不能下拉刷新
    按钮刷新App主页
    没有刷新按钮,不能下拉刷新
    目录没有刷新按钮,支持下拉刷新
    常用没有刷新按钮,支持下拉刷新
    消息没有刷新按钮,支持下拉刷新
    模板(竖屏/放大/Pad 横屏)有刷新按钮,可以按钮刷新,不能下拉刷新
    模板(手机横屏/参数面板)没有刷新按钮,不能下拉刷新
    HTML5主页有刷新按钮,可以按钮刷新,不能下拉刷新
    目录没有刷新按钮,不能下拉刷新
    模板(竖屏/放大)有刷新按钮,可以按钮刷新,不能下拉刷新
    模板(手机横屏/Pad 横屏/参数面板)没有刷新按钮,不能下拉刷新

    2.2 开启按钮刷新

    刷新设置选择按钮刷新,如下图所示:

    1585108010618077.png

    2.3 效果查看

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

    1576632572295251.jpg

    3. 填报控件图标设置

    以管理员身份进入数据决策系统,点击管理系统>移动平台>其它,可看到显示文本控件图标按钮,该按钮默认开启、如下图所示:

    2.png

    3.1 生效范围

    若关闭显示文本控件图标按钮,普通报表在填报预览时不显示文本类控件图标,具体说明如下表所示:

    注:该功能不支持参数面板。

    支持设备终端范围报表类型场景控件类型备注
    手机
    Pad

    App

    HTML5

    普通报表填报预览

    文本控件

    仅支持手动输入有效,仅支持扫码输入/支持手动和扫码输入图标不作变化
    文本域控件-
    数字控件-
    密码控件-

    3.2 示例

    数字控件为例,展示在 App 上的效果。

    3.2.1 关闭按钮

    关闭显示文本控件图标按钮,如下图所示:

    3.png

    3.2.2 效果查看

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

    6.png

    4. H5 设置

    4.1 底部首页切换

    4.1.1 开启底部首页切换按钮

    若「HTML5 移动端展现插件」版本为V10.4.66,开启底部首页切换按钮,用户可通过按钮的方式实现首页和目录的切换。如下图所示:

    注:「底部首页切换」按钮默认关闭。

    1585106455209430.png

    4.1.2 效果查看

    注1:HTML5 端访问报表系统的步骤可参考 HTML5 端访问报表系统

    注2:需在数据决策系统的「目录管理」处为移动端设置首页内容,否则移动端访问报表系统无首页。具体步骤可参考 管理首页

    HTML5 端访问报表系统,首页和目录切换的效果如下图所示:

    1585107119882518.jpg

    4.2 使用 JSBridge

    H5 通过 JSBridge 与原生 App 通信,用户若需要和原生 App 通信,可打开使用 JSBridge 按钮,点击保存。如下图所示:

    1585108321479965.png

    4.3 引入 JS 和 CSS 文件

    H5 支持引入外部的 JS 和 CSS 文件。

    本章以引入外部的 JS 文件为例,说明该功能用法。

    注1:引入 CSS 文件和引入 JS 文件操作步骤相同。

    注2:引入 CSS 文件和引入 JS 文件不支持 App ,只支持在 HTML5 端使用。

    4.3.1 引入 JS 文件

    注:有关 JS 的使用说明请参考: JS 使用说明 第二章。

    1)将 test.js 文件放到 FineReport 安装目录%FR_HOME%\webapps\webroot下,如下图所示:

    1576643899654268.png

    2)在「引入 JS 」右侧文本框中输入 /test.js ,点击保存,如下图所示:

    1585108494182132.png

    4.3.2 模板准备

    在 FineReport 设计器中,点击文件>新建普通报表

    在 A1 单元格中输入test ,选中 A1 单元格,在右侧属性面板中点击超级链接>添加链接,为 A1 单元格添加 JavaScript 脚本 ,如下图所示:

    1585113766190840.png

    JS语句为:

    warn();

    4.3.3 HTML5 预览效果

    保存模板,点击移动端预览,HTML5 预览效果为:

    1576648731462694.gif

    附件列表


    主题: 数据决策系统
    • 有帮助
    • 没帮助
    • 只是浏览
    • 评价文档,奖励 1 ~ 100 随机 F 豆!