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

1.1 預期效果

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

1.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.2.3 為傳回按鈕新增超連結

在子頁面 B1 儲存格中新增正文「<傳回 」，並對 B1 儲存格新增 js 腳本超連結，並在 js 腳本中新增參數 yema ，值為公式：G1

JS 程式碼如下：

var url = encodeURI("${servletURL}?viewlet=/行動端頁面跳轉測試.cpt&yema="+yema);
FR.doHyperlinkByGet({url:url,title:'行動頁面跳轉測試',target:'_self'});//點選儲存格超連結，開啟「行動端頁面跳轉測試」範本並傳遞參數yema

2.3 父頁面設定

2.3.1 新增超級連結

傳回「行動端範本測試」報表，對 C3 儲存格新增「網路報表」超連結，具體設定如下圖所示：

2.3.2 新增載入結束事件

設定「範本>範本 web 屬性」，在「分頁預覽設定」中新增「載入結束」事件，如下圖所示： 

JS 程式碼如下：

var ye='${=$yema}'
if(ye){
contentPane.gotoPage(parseInt(ye))}//跳轉到指定頁

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

已完成範本可參見：

%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\phone\JS\行動端頁面跳轉測試.cpt

%FR_HOME%\\webapps\webroot\WEB-INF\reportlets\doc\phone\JS\行動端頁面跳轉測試--子頁面.cpt

行動端頁面跳轉測試.cpt

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