1. 概述编辑
1.1 版本
报表服务器版本 | JAR 包版本 | APP 版本 | HTML5 移动端展现插件 | 移动端弹窗插件 | 功能 |
---|---|---|---|---|---|
10.0 | 2020-01-15 | 10.4.55 | V10.4.55 | V10.4.55 | - |
10.0 | 2020-06-08 | 10.0.75 | V10.0.75 | V10.4.66 | 弹窗支持透明度设置 |
1.2 应用场景
移动端访问模板时,模板中的超链子模板往往在新页面打开。
用户若需要超链子模板以弹窗的形式展示,通过安装「移动端弹窗」插件可实现。
注:用户也可通过 JavaScript 事件实现该场景,详情请参见:[通用]JS 通过按钮控件开关对话框
1.3 功能简介
「移动端弹窗」插件可使超链子模板以弹窗的形式展示,并可自定义弹窗样式及内容。如下图所示:
注1:移动端弹窗插件可在普通报表和决策报表中使用,弹窗效果在 APP 和 HTML5 端都支持。
注2:App 版本、HTML5 移动端展现插件版本为 10.4.66 及之后时,弹窗显示的子模板中若存在超链将正常触发。
1.4 插件安装
插件下载请点击:移动端弹窗
设计器插件安装方法请参见:设计器插件管理
服务器安装插件方法请参见:服务器插件管理
2. 生效范围编辑
安装「移动端弹窗」插件后,用户可在超级链接和事件中设置移动端弹窗,如下图所示:
具体生效范围如下表所示:
分类 | 生效范围 |
---|---|
超链 | 单元格>超级链接 |
单元格>条件属性>超级链接 | |
图表>超级链接 | |
事件 | 单元格控件>事件 |
表单 body 控件>事件 | |
模板 Web 属性>分页预览&填报预览>事件设置 注:Web 事件中,不支持设置文本弹窗 | |
参数界面控件>事件 |
3. 居中弹窗编辑
移动端弹窗的设置界面中,「形式」选择模板,弹窗将处于移动设备中央。
3.1 功能介绍
「形式」选择模板时,移动端弹窗设置界面如下图所示:
「形式」选择模板时,各属性项说明如下表所示:
属性 | 备注 |
---|---|
模板 | 可选择链接到的模板,支持普通报表、决策报表 |
参数 | 可传递模板参数 |
样式 | 「形式」选择模板时,固定为居中弹窗 |
边框 | 可对弹窗「边框」的线条、颜色、圆角进行设置 |
背景 | 可自定义弹窗背景颜色 插件版本在 V10.4.76 及之后的版本,支持背景颜色的透明度设置 |
弹窗大小 | 「手机端规则」和「平板规则」默认选择为自定义,此时可在下方的宽高调节控件中设置弹窗大小(以百分比形式设置,如弹窗宽度占屏幕宽度的 xx% ); 「手机端规则」和「平板规则」选择高度自适应时,可设置弹窗宽度占屏幕宽度的百分比 |
注:设置「弹窗大小」时,若用户输入的宽高数值超过最大限度,直接限制输入;若用户输入的宽高数值小于最低限度,直接限制输入。
3.2 效果预览
以单元格超链中弹窗效果为例,介绍移动端弹窗在 APP 中预览的效果。
3.2.1 单个超链
单元格中单个超链,「形式」选择模板时,移动端效果如下图所示:
3.2.2 多个超链
单元格中多个超链,「形式」选择模板时,移动端效果如下图所示:
4. 跟随弹窗编辑
移动端弹窗的设置界面中,「形式」选择文本,弹窗将跟随超链/事件显示。
4.1 功能介绍
「形式」选择文本时,移动端弹窗设置界面如下图所示:
「形式」选择文本时,各属性项说明如下表所示:
属性 | 备注 |
---|---|
文本 | 文本可定义文本内容(支持公式输入),支持换行符 \n ;可为文本内容选择文本字体、文本颜色、是否加粗、是否有下划线、是否斜体 |
样式 | 「形式」选择文本时,固定为跟随弹窗 |
边框 | 可对弹窗「边框」的线条、颜色、圆角进行设置 |
背景 | 可自定义弹窗背景颜色 插件版本在 V10.4.76 及之后的版本,支持背景颜色的透明度设置 |
弹窗大小 | 手机端规则和平板规则默认选择为自定义,此时可在下方的宽高调节控件中设置弹窗大小(以百分比形式设置,如弹窗宽度占屏幕宽度的 xx% ); 手机端规则和平板规则选择高度自适应时,可设置弹窗宽度占屏幕宽度的百分比 |
注:设置「弹窗大小」时,若用户输入的宽高数值超过最大限度,直接限制输入;若用户输入的宽高数值小于最低限度,直接限制输入。
4.2 效果预览
以单元格超链中弹窗效果为例,介绍移动端弹窗在 APP 中的预览效果。
4.2.1 单个超链
单元格中单个超链,「形式」选择文本时,移动端效果如下图所示:
4.2.2 多个超链
单元格中多个超链,「形式」选择文本时,移动端效果如下图所示: