1. 概述
超級連結可以實現:開啟一個網頁,鑽取另一張報表,傳送電子郵件,下載檔案,資料排序,結合傳參實現聯動等等。其應用範圍廣,功能豐富,JavaScript 型別的超連結更是可以透過代碼實現諸如 Excel 匯出這樣的效果,超連結應用範圍廣,設計自由度高。
本文整理超級連結的學習計劃,幫您由淺入深學習超級連結。
2. 學習計劃
2.1 新手學習路徑
章節 | 標題 | 內容簡介 | 文檔 |
---|---|---|---|
第 1 章 超級連結簡介 | |||
1.1 | 超級連結 | 簡單瞭解超級連結的概念、場景、型別 | 超級連結 |
第 2 章 常用超連結型別及練習 | |||
2.1 | 超級連結-網路報表 | 點選超級連結可以鑽取到本工程下的其他報表,結合傳參可動態查看其他報表指定內容 | 超級連結-網路報表 |
2.2 | 超級連結-網頁連結 | 點選超級連結後跳轉到其他網頁,也可以下載檔案 | 超級連結-網頁連結 |
2.3 | 超級連結-動態參數 | 點選超級連結後根據改變的參數值進而改變報表的展示效果,例如排序 | 超級連結-動態參數 |
2.4 | 超級連結-當前決策報表物件 | 一般用來實現決策報表組件之間聯動 | 超級連結-當前決策報表物件 |
2.5 | 超級連結-JavaScript腳本 | JavaScript 腳本超連結自由度較高,可以實現很多報表展示效果,例如匯出 Excel | 超級連結-JavaScript腳本 |
2.6 | 圖表超連結-聯動儲存格 | 跟儲存格里的圖表進行聯動 | 圖表超連結-聯動儲存格 |
2.7 | 圖表連結-懸浮窗圖表 | 點選超級連結後可以開啟懸浮窗圖表 | 圖表連結-懸浮窗圖表 |
2.2 進階學習路徑
章節 | 標題 | 內容簡介 | 文檔 |
---|---|---|---|
第 1 章 超級連結傳參 | |||
1.1 | 超級連結傳參 | 介紹傳參原理及超連結參數配置項 | 超級連結傳參 |
1.2 | 超級連結到有參數的範本 | 在設定超級連結時,會遇到連結到的範本是有參數。希望點選超級連結時,當前儲存格的內容作為參數值傳遞給下一個報表的參數: | 超級連結到有參數的範本 |
1.3 | JS實現點選超連結開啟對話框報表並傳參 | 有時一些特殊場景,當內建「超連結>對話框」開啟報表不能滿足要求時,如點選按鈕實現超連結跳轉,就可以透過自訂 JS 實現對話框開啟報表: | JS實現點選超連結開啟對話框報表並傳參 |
1.4 | JavaScript超連結傳參 | JavaScript 型別的超連結是支援傳遞參數的,參數名可以任意取,這些參數會傳遞給 JavaScript 代碼,代碼中直接透過參數名來引用: | JavaScript超連結傳參 |
1.5 | 超連結時一個參數傳遞多個值 | 超連結傳參時,如果一個參數有多個英文逗號隔開的值,怎麼實現點選之後子表可以將這些值相關的資料一起顯示出來呢: | 超連結時一個參數傳遞多個值 |
第 2 章 超級連結跳轉 | |||
2.1 | 鑽取的資料顯示在當前頁面 | 點選超級連結鑽取資料時,希望資料可以直接顯示在當前頁面,不用跳轉到另一個範本: | 鑽取的資料顯示在當前頁面 |
2.2 | 超連結當前頁跳轉後傳回原報表 | 鏈在當前頁(當前視窗)開啟後,希望點選某個地方可以傳回原報表: | 超連結當前頁跳轉後傳回原報表 |
第 3 章 超級連結聯動 | |||
3.1 | 超連結實現類Tab聯動 | 決策報表組件聯動時類似於 Tab 切換的效果,如下圖所示: | 超連結實現類Tab聯動 |
第 3 章 點選超連結切換Tab塊 | |||
3.1 | JS實現點選超連結切換Tab塊 | 使用者透過點選報表塊儲存格的超級連結,實現 Tab 塊的切換: | JS實現點選超連結切換Tab塊 |