當前為10.0版本文檔,更多實例內容將在最新幫助文檔中展現,點選跳轉至 最新版幫助文檔

[通用]移動端彈窗插件

1. 概述

1.1 版本

報表服務器版本JAR 包版本APP 版本HTML5 移動端展現插件移動端彈窗插件功能
10.02020-01-1510.4.55V10.4.55
V10.4.55-
10.02020-06-0810.0.75V10.0.75V10.4.66彈窗支持透明度設置

1.2 應用場景

報表中存在内容較少的超鏈子報表,用戶希望可以直接在當前頁彈窗中查看,看完後關閉彈窗繼續查看主模板。

有時模板中需要加入一些注釋性内容,如指标的定義及計算方法、圖表的含義注釋等。

用戶可通過安裝「移動端彈窗」插件,實現用當前頁彈窗展示超鏈子模板和文本注釋。

注:用戶也可通過 JavaScript 事件實現該場景,詳情請參見:[通用]JS 通過按鈕控件開關對話框

1.3 功能簡介

「移動端彈窗」插件可使超鏈子模板以彈窗的形式展示,并可自定義彈窗樣式及内容。如下圖所示:

1579224791361497.png

注1:移動端彈窗插件可在普通報表和決策報表中使用,彈窗效果在 APP 和 HTML5 端都支持。

注2:App 版本、HTML5 移動端展現插件版本爲 10.4.66 及之後時,彈窗顯示的子模板中若存在超鏈将正常觸發。

1.4 插件安裝

插件下載請點擊:移動端彈窗

設計器插件安裝方法請參見:設計器插件管理

服務器安裝插件方法請參見:服務器插件管理

1.5 功能入口

安裝插件後,用戶可在超級鏈接事件中設置移動端彈窗,如下圖所示:

1591149535859615.png

具體作用範圍如下表所示:

分類生效範圍
超鏈單元格>超級鏈接
單元格>條件屬性>超級鏈接
圖表>超級鏈接
事件單元格控件>事件
表單 body 控件>事件
模板 Web 屬性>分頁預覽&填報預覽>事件設置
注:Web 事件中,不支持設置文本彈窗
參數界面控件>事件

2. 居中彈窗

移動端彈窗的設置界面中,「形式」選擇模板,彈窗将處於移動設備中央。

2.1 功能介紹

「形式」選擇模板時,移動端彈窗設置界面如下圖所示:

2020-06-03_10-14-56.png

「形式」選擇模板時,各屬性項說明如下表所示:

屬性備注
模板
可選擇鏈接到的模板,支持普通報表、決策報表
參數可傳遞模板參數
樣式「形式」選擇模板時,固定爲居中彈窗
邊框可對彈窗「邊框」的線條顔色圓角進行設置
背景

可自定義彈窗背景顔色

插件版本在 V10.4.76 及之後的版本,支持背景顔色的透明度設置

彈窗大小

「手機端規則」和「平板規則」默認選擇爲自定義,此時可在下方的寬高調節控件中設置彈窗大小(以百分比形式設置,如彈窗寬度占屏幕寬度的 xx% );

「手機端規則」和「平板規則」選擇高度自适應時,可設置彈窗寬度占屏幕寬度的百分比

注1:設置「彈窗大小」時,若用戶輸入的寬高數值超過最大限度,直接限制輸入;若用戶輸入的寬高數值小於最低限度,直接限制輸入。

注2:10.4.90 及之前版本插件樣式的圓角值無上限,默認爲4。10.4.90 版本之後,圓角值範圍爲 0~24、默認爲 4。

2.2 效果預覽

單元格超鏈中彈窗效果爲例,介紹移動端彈窗在 App 中預覽的效果。

2.2.1 單個超鏈

單元格中單個超鏈,「形式」選擇模板時,移動端效果如下圖所示:

1579174720304615.jpg

2.2.2 多個超鏈

單元格中多個超鏈,「形式」選擇模板時,移動端效果如下圖所示:

1579174407407656.jpg

3. 跟随彈窗

移動端彈窗的設置界面中,「形式」選擇文本,彈窗将跟随超鏈/事件顯示。

3.1 功能介紹

「形式」選擇文本時,移動端彈窗設置界面如下圖所示:

2020-06-03_10-26-09.png

「形式」選擇文本時,各屬性項說明如下表所示:

屬性備注
文本

文本可定義文本内容(支持公式輸入),支持換行符 \n ;可爲文本内容選擇文本字體、文本顔色、是否加粗、是否有下劃線、是否斜體

樣式「形式」選擇文本時,固定爲跟随彈窗
邊框
可對彈窗「邊框」的線條顔色圓角進行設置
背景

可自定義彈窗背景顔色

插件版本在 V10.4.76 及之後的版本,支持背景顔色的透明度設置

彈窗大小

手機端規則和平板規則默認選擇爲自定義,此時可在下方的寬高調節控件中設置彈窗大小(以百分比形式設置,如彈窗寬度占屏幕寬度的 xx% );

手機端規則和平板規則選擇高度自适應時,可設置彈窗寬度占屏幕寬度的百分比

注:設置「彈窗大小」時,若用戶輸入的寬高數值超過最大限度,直接限制輸入;若用戶輸入的寬高數值小於最低限度,直接限制輸入。

3.2 效果預覽

單元格超鏈中彈窗效果爲例,介紹移動端彈窗在 APP 中的預覽效果。

3.2.1 單個超鏈

單元格中單個超鏈,「形式」選擇文本時,移動端效果如下圖所示:

1579175159165868.jpg

3.2.2 多個超鏈

單元格中多個超鏈,「形式」選擇文本時,移動端效果如下圖所示:

1579176244579395.jpg

4. 注意事項

移動端彈窗不支持 cpt 模板的填報預覽,所以不支持 cpt 填報,但支持 frm 模板的填報。frm 模板填報參見文檔:決策報表填報

附件列表


主題: 原簡體文檔
  • 有幫助
  • 沒幫助
  • 只是瀏覽

文 檔回 饋

滑鼠選中內容,快速回饋問題

滑鼠選中存在疑惑的內容,即可快速回饋問題,我們將會跟進處理。

不再提示

9s後關閉

反饋已提交

網絡繁忙