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

超級鏈接到有參數的模板

1. 概述

1.1 預期效果

在設置超級鏈接時,會遇到鏈接到的模板是有參數。希望點擊超級鏈接時,當前單元格的内容作爲參數值傳遞給下一個報表的參數。如下圖所示:

1583805503185881.gif

1.2 實現方法

通過網絡報表或 JavaScript 腳本,實現超級鏈接到有參數的模板。

2. 示例一:網絡報表

2.1 子模板

新建普通報表,另存爲%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\SpecialSubject\HyplinkReport\超級鏈接到有參數的模板-子模板.cpt

2.1.1 新建數據集

新增數據集 ds1:SELECT * FROM 銷量 where 1=1 ${if(len(area) == 0,"","and 地區 = '" + area + "'")}

area 爲自定義參數名稱,也就是對應地區的過濾名稱(控件名)。判斷控件值是否爲空,如爲空,默認查詢全部。

如下圖所示:

1583803313661508.png

2.1.2 設計報表

1)報表頁面設計如下圖所示:

1583804029559884.png

2)選中 C2 單元格,選擇單元格元素>基本數據設置彙總、求和。如下圖所示:

1583804148277259.png

2.2 主模板

新建普通報表,另存爲%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\SpecialSubject\HyplinkReport\超級鏈接到有參數的模板-網絡報表.cpt

2.2.1 新建數據集

新增數據集 ds1:SELECT * FROM 銷量

如下圖所示:

1583804672912085.png

2.2.2 設計報表

1)報表頁面設計如下圖所示:

1583804029559884.png

2)選中 C2 單元格,選擇單元格元素>基本,數據設置爲彙總、求和。如下圖所示:

1583804148277259.png

2.3 設置超級鏈接并傳遞參數

打開超級鏈接到有參數的模板-網絡報表.cpt,選中 A2 單元格,點擊超級鏈接,添加網絡報表

網絡報表選擇/doc/SpecialSubject/HyplinkReport/超級鏈接到有參數的模板-子模板.cpt,鏈接打開於新窗口,設置參數area=$$$

如下圖所示:

1583805053817338.png

2.4 效果預覽

2.4.1 PC 端

保存模板,點擊分頁預覽。點擊「華東」,跳轉至子模板,且子模板只顯示「華東」部分的數據。如下圖所示:

1583805446800757.gif

2.4.2 移動端

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

1583805994831823.gif

3. 示例二:JavaScript 腳本

3.1 模板設置

1)子模板設置與本文 2.1 節一緻,另存爲%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\SpecialSubject\HyplinkReport\超級鏈接到有參數的模板-子模板.cpt

2)主模板設置與本文 2.2 節一緻,另存爲%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\SpecialSubject\HyplinkReport\超級鏈接到有參數的模板-JavaScript 腳本.cpt

3.2 設置超級鏈接并傳遞參數

打開超級鏈接到有參數的模板-JavaScript 腳本.cpt,選中 A2 單元格,點擊超級鏈接,添加 JavaScript 腳本

設置參數A=A2,添加 JavaScript 代碼,如下圖所示:

1583806648970685.png

JavaScript 代碼如下:

window.open("${servletURL}?viewlet=doc/SpecialSubject/HyplinkReport/超級鏈接到有參數的模板-子模板.cpt&op=view&area="+A);

3.3 效果預覽

保存模板,點擊分頁預覽。點擊「華東」,跳轉至子模板,且子模板只顯示「華東」部分的數據。如下圖所示:

1583807063607588.gif

注:不支持移動端。

4. 已完成模板

4.1 示例一:網絡報表

1)主模板

已完成模板請參見:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\SpecialSubject\HyplinkReport\超級鏈接到有參數的模板-網絡報表.cpt

點擊下載模板:超級鏈接到有參數的模板-網絡報表.cpt

2)子模板

已完成模板請參見:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\SpecialSubject\HyplinkReport\超級鏈接到有參數的模板-子模板.cpt

點擊下載模板:超級鏈接到有參數的模板-子模板.cpt

4.2 示例二:JavaScript 腳本

1)主模板

已完成模板請參見:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\SpecialSubject\HyplinkReport\超級鏈接到有參數的模板-JavaScript 腳本.cpt

點擊下載模板:超級鏈接到有參數的模板-JavaScript 腳本.cpt

2)子模板

已完成模板請參見:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\SpecialSubject\HyplinkReport\超級鏈接到有參數的模板-子模板.cpt

點擊下載模板:超級鏈接到有參數的模板-子模板.cpt

附件列表


主題: 原簡體文檔
已經是第一篇
已經是最後一篇
  • 有幫助
  • 沒幫助
  • 只是瀏覽

文 檔回 饋

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

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

不再提示

9s後關閉

反饋已提交

網絡繁忙