超連結實現報表塊內容摺疊和展開

1.1 預期效果

如下圖所示，決策報表報表塊裏的內容可以摺疊和展開。

.

1.2 實現思路

超級連結傳參+條件屬性的方式實現報表塊內容摺疊或展開。

2.1 設計範本

1）建立決策報表，建立資料集 ds1 ，SQL 語句為：SELECT * FROM 銷量

2）決策報表 body 中拖入一個報表塊，裏面插入一個「堆積柱形圖」，並綁定圖表資料，如下圖所示。後面將實現這個圖表的摺疊和展開效果。

3）給報表新增一個範本參數d，設定其預設值為0，這個參數後面傳參會用到，且預設值一定要設定，不然預覽時沒預設效果。

2.2 設定行高條件

圖表區域右邊一欄合併相同高度的儲存格，新增一個行高條件屬性，當滿足公式$d=1時，行高為0。

這個其實就是實現圖表區域摺疊和展開效果，參數值為 1 時，圖表區域隱藏，相當於摺疊起來的效果。

為了不影響圖表展示，將這一欄隱藏起來，如下圖所示：

2.3 設定摺疊傳參

1）圖表區域下邊一行合併相同寬度的儲存格，新增一個條件屬性，重命名為「摺疊」，新增兩種屬性「背景」和「超級連結」。

公式條件為$d=0，表示此時圖表是展開的，因為上面設定了參數值為 1 時，圖表區域行高為 0 。點選超連結會改變這個狀態，將圖表摺疊起來。

2）其中「背景」設定為向上箭頭的圖片，表示可以摺疊起來，點選下載這張圖片：折叠.png

3）其中超級連結如下圖設定，連結到這個報表塊本身，設定參數 d ，其值為字串 1 。

這個不難理解，點選這個區域後，將 1 傳給參數 d ，圖表就摺疊（隱藏）起來了。

2.4 設定展開傳參

1）上面同樣的格子重新整理增一個條件屬性，重命名為「展開」，新增兩種屬性「背景」和「超級連結」。

公式條件為$d=1，表示此時圖表是摺疊起來的，因為上面設定了參數值為 1 時，圖表區域行高為 0 。點選超連結會改變這個狀態，將圖表展開。

2）其中「背景」設定為向下箭頭的圖片，表示可以展開，點選下載這張圖片：展开.png

3）其中超級連結如下圖設定，連結到這個報表塊本身，設定參數 d ，其值為字串 0 。

這個不難理解，點選這個區域後，將 0 傳給參數 d ，圖表就展開了。

2.5 效果預覽

1）PC 端效果

儲存報表，選擇「分頁預覽」，摺疊展開效果如 1.1 節中所示。

2）App 與  HTML5 效果相同，如下圖所示：

.

已完成範本參見：%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\SpecialSubject\HyplinkReport\超連結實現報表塊內容摺疊和展開.frm

點選下載範本：超鏈實現報表塊内容摺叠和展開.frm