历史版本5 :[H5]HTML5悬浮工具栏插件 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 概述编辑

1.1 版本

报表服务器版本

JAR 包

插件名称

插件版本

10.02019-12-05HTML5移动端展现插件V10.4.49
HTML5悬浮工具栏插件V10.4.49

1.2 功能简介

HTML5 端集成后,查看模板时底部一般会有工具栏,按钮较少时不仅占位置而且也不美观。

通过安装 HTML5 悬浮工具栏插件,工具栏可以悬浮显示,简单易用,空间利用率更高。如下图所示:

1575804452399955.png

2. 插件介绍编辑

2.1 插件安装

插件下载请点击:

设计器插件安装方法请参见:设计器插件管理

服务器安装插件方法请参见:服务器插件管理

2.2 应用场景

该插件仅适用于 HTML5 端,适用于以下按钮的悬浮,如下表所示:

场景支持悬浮的按钮
普通报表快速返回,翻页(上一页,快速翻页,下一页),查询,模板刷新
决策报表勾选移动端重布局

快速返回,查询,模板刷新

手动/默认放大报表块时出现以下按钮:翻页(上一页,快速翻页,下一页)

手动/默认放大图表块时出现以下按钮:图表排序,图表刷新

不勾选移动端重布局

快速返回,查询,模板刷新

手动/默认放大报表块时出现以下按钮:翻页(上一页,快速翻页,下一页)

2.3 悬浮样式

2.3.1 竖屏

1)工具栏按钮少于或等于 4 个,则按钮直接显示。如下图所示:

1575804782130236.png

2)工具栏按钮大于 4 个,默认收起,点击展开。如下图所示:

1575804950514897.png

工具栏展开后,出现以下操作时,工具栏自动收起:

  • 竖屏转换为横屏。

  • 点击快速返回按钮。

  • 点击模板刷新按钮。

  • 点击悬浮工具栏外区域。

2.3.2 横屏

1)工具栏按钮少于或等于 4 个,则按钮直接显示。如下图所示:

1575805221357243.png

2)工具栏按钮大于 4 个,默认收起,点击展开。如下图所示:

4321.png

工具栏展开后,出现以下操作时,工具栏自动收起:

  • 横屏转换为竖屏。

  • 点击快速返回按钮。

  • 点击模板刷新按钮。

  • 点击悬浮工具栏外区域。