更改瀏覽器顯示的報表標題

1.1 版本

1.2 問題描述

預覽範本時，瀏覽器顯示的報表標題與檔案名稱一致，若希望瀏覽器顯示的報表標題與報表檔案的名稱不一致，應該如何實現呢？

1.3 實現思路

• 方法一：報表 Web 屬性下將標題設定為參數，預覽報表時在 URL 後面加上這個參數後綴即可。
  

• 方法二：報表 Web 屬性的預覽設定介面新增載入結束事件，直接改變報表標題。

• 方法三：決策報表給 body 新增初始化事件，改變標題。

• 方法四：決策報表設定 Form 組件的標題
  

注1：若將報表整合到 Web 頁面或嵌入到其他頁面中，上述修改標題的方法均不適用。

注2：上述方法均不支援行動端。

注3：上述方法不支援掛載到決策平台。

2.1 方法一

2.1.1 開啟範本

開啟設計器內建範本：%FR_HOME%\webroot\WEB-INF\reportlets\GettingStarted.cpt

2.1.2 設定參數

選擇菜單欄「範本>範本Web屬性>基本>標題」，標題編輯欄寫入一個參數，如${mytitle}，點選確定，如下圖所示：

2.1.3 效果預覽

儲存範本，點選分頁預覽，在 URL 後面增加&mytitle=銷售概況，發現報表的標題已經修改為銷售概況了，如下圖所示：

2.2 方法二

2.2.1 開啟範本

開啟設計器內建範本：%FR_HOME%\webroot\WEB-INF\reportlets\GettingStarted.cpt

2.2.2 新增載入結束事件

菜單欄點選「範本>範本 Web 屬性>分頁預覽設定」，選擇「為該範本單獨設定」，新增「載入結束事件」，如下圖所示：

JavaScript 程式碼如下：

document.title = "銷售概況"; //標題名

2.2.3 效果預覽

儲存報表，點選分頁預覽，效果如下圖所示：

注：除行動端預覽外，該方法適用於所有其他的預覽方式。

3.1 方法一

跟 2.2 的實現思路一樣，只不過這個是針對決策報表的。

3.1.1 開啟範本

開啟設計器內建範本：%FR_HOME%\webroot\WEB-INF\reportlets\doc\frm\表單多列排序.frm

3.1.2 新增初始化後事件

選中 body ，新增初始化後事件，如下圖所示

JavaScript 程式碼如下圖所示：

document.title = "決策報表標題";

3.1.3 效果預覽

預覽決策報表，效果如下圖所示：

注：如果給參數指派為中文的話，匯出出現亂碼，可以查看文檔：匯出重新命名亂碼 

3.2 方法二

3.2.1 開啟範本

開啟設計器內建範本：%FR_HOME%\webroot\WEB-INF\reportlets\doc\frm\表單多列排序.frm

3.2.2 設定名稱

選擇「組件設定>form」，選擇「屬性>標題」，輸入「決策報表標題」，如下圖所示：

3.2.3 效果預覽

預覽決策報表，效果如下圖所示：

4.1 準備資料

1）點選設計器左上角「檔案>建立視覺化看板」，建立一張空白看板，可自訂名稱和尺寸。

2）建立資料庫查詢 ds1，SQL 查詢語句為：SELECT * FROM 銷量 。

4.2 設計表格

1）新增一個表格，點選「編輯組件」進入表格編輯介面。

2）輸入表頭，將資料分別拖入對應的儲存格。如下圖所示：

4.3 新增頁面載入結束事件

菜單欄點選「範本>頁面載入結束事件」，如下圖所示：

JavaScript 程式碼如下圖所示：

"use document";
document.title = "FVS 標題"; //標題名自訂

4.4 效果預覽

預覽 FVS 範本，效果如下圖所示

5.1 普通報表

點選下載範本：動態顯示報表標題-範例一.cpt

點選下載範本：動態顯示報表標題-範例二.cpt

5.2 決策報表

點選下載範本：動態顯示報表標題-範例三.frm

點選下載範本：動態顯示報表標題-範例四.frm

5.3 FVS 視覺化看板

點選下載範本：動態顯示報表標題-範例五.fvs