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

[通用]移動端支持絕對畫布塊

1. 版本

報表服務器版本   App 版本  HTML5 報表展現
  10.0  v9.3 v10.0

2. 描述

2.1 應用場景

移動端支持在 body 中嵌套絕對畫布塊,使得報表制作起來更快捷方便。

body 的布局方式設置自适應布局或絕對布局,在 body 中拖入絕對畫布塊,或者在 Tab 組件中拖入絕對畫布塊,移動端都能夠顯示。

2.2 功能簡介

絕對畫布塊屬性界面如下圖所示:

222

注:詳細介紹可點擊:絕對畫布塊

3. 示例

1)選擇文件>新建決策報表,添加數據集:SELECT * FROM 銷量,如下圖所示:

222

2)在報表中拖入絕對畫布塊1柱形圖,在絕對畫布塊1中拖入餅圖絕對畫布塊2,在絕對畫布塊2中拖入一個标簽控件,如下圖所示:

222

4. 移動端效果

4.1 作爲組件

絕對畫布塊視作一個整體的組件,絕對畫布内的組件,或者又嵌套了絕對畫布塊,都是保留布局-絕對布局顯示

1)當 body 設置爲重布局時,絕對畫布塊保留布局作爲一個整體進行排列,如下圖所示:

222

2)保留布局時,body 設置爲自适應布局>雙向自适應絕對布局>适應區域,寬高按比例分配,如下圖所示:

222

3)保留布局時,body 設置爲自适應布局>橫向自适應絕對布局>固定大小,寬高等比例縮放,如下圖所示:

222

4.2 作爲容器

絕對畫布塊内部的組件縮放邏輯如下圖設置所定:

222

1)适應區域:絕對畫布塊中的所有組件按比例分配,全部顯示,不存在滾動條

2)固定大小:絕對畫布塊中的所有組件等比縮放,顯示不下的有滾動條

注:絕對畫布塊内的絕對畫布塊,縮放效果一樣。

注:絕對畫布塊内的組件間隔按照決策報表制作時各組件之間的間隔比例顯示。

注:Tab 和絕對畫布塊不支持隐藏,絕對畫布塊内的的組件包括控件、圖表、報表塊支持隐藏但會占位顯示空白。

注:Tab 和絕對畫布塊不支持全屏,絕對畫布塊内的的組件包括圖表、報表塊支持全屏。

6. 已完成模板

已完成模板可參見:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\frm\絕對畫布塊.frm

點擊下載模板:絕對畫布塊.frm

附件列表


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

文 檔回 饋

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

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

不再提示

10s後關閉

反饋已提交

網絡繁忙