［通用］JS點擊分頁報表鑽取後返回原頁面

1.1 預期效果

使用移動端帶分頁的報表時，往往在鑽取到其他報表後，希望返回原頁面繼續浏覽。如下圖所示：

2.2 實現思路

在兩個界面都添加超鏈接實現互相之間的跳轉。

本文将介紹實現過程。

2.1 新建父頁面

2.1.1 準備數據

新建「模板數據集」，其中 ds1 數據集的 SQL 語句爲：SELECT * FROM 銷量

2.2.2 報表設計

1）如下圖設計表格，将字段拖入到對應單元格中：

2）并打開「模板>重複與凍結設置」，設置重複标題行爲：第 1-2 行，設置重複結尾行爲：第 4 行。

3）設置一頁顯示 5 行數據。對 B3 單元格設置「條件屬性>行後分頁」, 分頁條件爲「公式」：seq() % 5 == 0

4）爲數據添加序号。在 A3 單元格中添加公式：&B3+"." 實現序号顯示。

并将 A3 「左父格」設置爲:「B3」，将 B3 「左父格」設置爲「無」。

5）設置數據展示形式。将 B3 的數據設置爲「列表」。

6）頁尾行添加頁碼。在 F4 單元格中添加頁碼顯示，添加公式："第" + $$page_number + "頁"

7）保存此模板，并給模板命名爲：「移動端頁面跳轉測試」。

2.2 新建子頁面

将「移動端頁面跳轉測試」另存爲，并重命名爲：「移動端頁面跳轉測試--子頁面」。

2.2.1 修改子頁面數據集

SELECT * FROM 銷量

where 地區='${diqu}' and 銷售員='${xiaoshou}' and 産品='${chanpin}'

2.2.2 添加返回按鈕

1）在 G1 單元格中添加一個參數，公式值爲：$yema，并設置 G1 單元格的「條件屬性」值爲「列寬 0」，條件：無。

2）在子頁面 B1 單元格中添加文本「<返回 」，并對 B1 單元格添加 js 腳本超連接，并在 js 腳本中添加參數 yema ，值爲公式：G1

JS 代碼如下：

var url = encodeURI("${servletURL}?viewlet=/移動端頁面跳轉測試.cpt&yema="+yema);
FR.doHyperlinkByGet({url:url,title:'移動頁面跳轉測試',target:'_self'});

2.3 返回父頁面設置

2.3.1 設置超級鏈接

返回「移動端模板測試」報表，對 C3 單元格添加「網絡報表」超連接，具體設置如下圖所示：

2.3.2 設置 Web 屬性

設置「模板>模板 web 屬性」，在「分頁預覽設置」中添加「加載結束」事件，如下圖所示：

JS 代碼如下：

var ye='${=$yema}'
if(ye){
contentPane.gotoPage(parseInt(ye))}

移動端展示效果請參考本文第 1 節。

移動端頁面跳轉測試.cpt

移動端頁面跳轉測試--子頁面.cpt