超連結實現類Tab聯動

1.1 預期效果

決策報表組件聯動時類似於 Tab 切換的效果，如下圖所示：

.

1.2 實現思路

本文的思路如下兩點：

• 聯動效果：透過「當前決策報表物件」類型的超連結實現。
  

• Tab 效果：透過設定條件屬性+超連結傳參實現點選超連結後改變儲存格背景色和字體顏色。

JS 根據條件隱藏或顯示報表塊也可以實現該效果，實現思路參見文檔：JS實現自訂切換查看報表塊

2.1 設計範本

1）建立一張決策報表，body 使用絕對佈局，建立一個內建資料集「手機」，其表設計如下圖所示：

2）決策報表 body 中拖入 2 個報表塊，分別為 report0 和 report1 ，如下圖所示：

其中 report0 的表格如下圖設計：

其中 report1 的表格如下圖設計，A2 儲存格使用公式=SEQ()生成序號，所以要將 A2 的左父格設定為 B2 儲存格，否則公式不生效。

2.2 實現聯動效果

1）先建立一個範本參數a，給它設定一個字串類型的預設值月度，如下圖所示：

2）進入 report0 編輯介面，給 A1、A4、A7 儲存格都新增「當前決策報表物件」類型的超連結，連結到 report1 。

這 3 個儲存格的超連結除了參數值不同外，其他設定相同，參數值具體設定如下圖所示：

3）進入 report1 編輯介面，雙擊 B2 儲存格，新增一個過濾條件，讓時間段等於參數$a，這樣點選超連結時可以傳參篩選 report1 的資料，實現聯動查詢效果。

2.3 實現Tab效果

1）決策報表再建立一個範本參數line，給它一個字串類型的預設值1，如下圖所示：

2）進入 report0 編輯介面，再給 A1、A4、A7 儲存格都新增「當前決策報表物件」類型的超連結，連結到 report0 ，也就是自己，實現點選超連結時傳參給自己。

這 3 個儲存格的超連結除了參數值不同外，其他設定相同，參數值具體設定如下圖所示：

3）去除掉 report0 裏面的超連結樣式，包括去掉超連結文字的底線，修改文字的顏色，如下圖所示：

4）給 report0 的 A1、A4、A7 儲存格都新增改變儲存格字體顏色和背景色的條件屬性，條件採用公式且根據參數$line的值進行判斷。

點選超連結後傳參給自己進而讓條件屬性生效。這 3 個儲存格的條件屬性除了公式不同外，其他設定相同，公式具體設定如下圖所示：

2.4 效果預覽

儲存並預覽報表，實際效果如 1.1預期效果 中所示。

支援 App 端和 HTML5 端預覽。

點選下載範本：超链实现类Tab联动.frm