［通用］折疊展開樣式

1.1 版本

1.2 應用場景

用戶在遇到以下場景時，需要對報表塊/圖表塊進行自主折疊和展開：

• 表格默認只顯示前 3 行數據，點擊後展開顯示所有行數。

• 針對某個分析維度的内容，默認顯示彙總性的一部分或者只顯示标題，展開顯示全部組件。

• 圖表塊可以整體展開或收起。

1.3 功能簡介

用戶可自主控制報表塊或圖表塊内容的折疊與展開，突出模板的主要信息，隐藏次要信息，提升模板的可讀性和使用體驗。

該功能支持範圍如下表所示：

注1：手機橫屏下不支持該功能。

注2：「允許全屏」按鈕和「折疊展開按鈕」不支持同時使用，如需同時使用，請參見：「通用」JS 實現折疊展開組件

注2：組件（報表塊、圖表塊）若未設置标題，「展開收起」功能無效。如需在未設置标題時使用，請參見：「通用」JS 實現折疊展開組件

3.1 模板準備

打開模板：%FR_HOME%\webapps\webroot\WEB-INF\reportlets\demo\Phone\industry\零售集團實時監控-phone.frm

點擊下載模板：零售集團實時監控-phone.frm

3.2 圖表塊設置

1）左鍵選中chart0，點擊移動端，在「展開收起」右側下拉框中選擇自定義，取消允許全屏按鈕，如下圖所示：

2）點擊自定義按鈕後，用戶可對「展開收起」設置項中的按鈕顔色、收起時文字提示、展開時文字提示、默認狀态進行自定義設置。

注：若未勾選在「标題右側顯示按鈕」，「按鈕顔色」、「收起時文字提示」、「展開時文字提示」設置不生效。

默認界面如下圖所示：

3.3 報表塊設置

1）左鍵選中report0，點擊移動端，在「展開收起」右側下拉框中選擇自定義，如下圖所示：

2）點擊自定義按鈕後，用戶可對「展開收起」設置項中的行号、按鈕顔色、收起時文字提示、展開時文字提示、默認狀态進行自定義設置。

注1：「行号」設置項中行數爲數據列展開後的行數。

注2：報表塊中設置第 X 行開始收起，X 行與「X+1」行是合并單元格，則顯示到「X+1」行。

注3：若未勾選在「标題右側顯示按鈕」，「按鈕顔色」、「收起時文字提示」、「展開時文字提示」設置不生效。

默認界面如下圖所示：

注：圖表塊&報表塊一定要全部設置。

App 及 HTML5 端預覽效果如下所示。