1. 概述
1.1 版本
報表伺服器版本 | 功能變更 |
---|---|
11.0 | - |
1.2 功能簡介
點選「範本>範本Web屬性」,可設定範本基本屬性、印表機屬性、分頁預覽設定、填報頁面設定、資料分析設定、瀏覽器背景、引用CSS 或 引用JavaScript,如下圖所示:
2. 基本
基本屬性中,可設定「標題」和「報表快取有效時間」。如下圖所示:
屬性 | 內容 |
---|---|
標題 | 報表在預覽時瀏覽器上顯示的標題及匯出時檔案的名稱,如果不設定,則顯示報表的檔案名稱 支援設定固定內容、儲存格內容及參數,範例如下: 注:支援全局參數,但不支援範本參數。此處的全局參數和範本參數指的是按作用域區分的定義,詳情參見 參數的種類與差別 。
|
報表快取有效時間 | 報表第一次被開啟後可以存放在快取中,下次開啟時可以直接呼叫快取中的報表 預設設定報表的快取有效時間為 0 milliseconds,即不存放在快取中 |
3. 印表機(伺服器)
使用者可新增電腦中可搜尋到的印表機裝置。如下圖所示:
4. 分頁預覽設定
分頁預覽設定頁面,僅對分頁預覽範本有效。詳情請參見:分頁預覽
5. 填報頁面設定
填報頁面設定,僅對填報預覽範本有效。詳情請參見: 填報預覽
6. 資料分析設定
資料分析設定僅對資料分析預覽範本生效。詳情請參見:資料分析
7. 瀏覽器背景
8. 引用 CSS
製作範本時,可以讓範本引用自訂的 CSS 樣式檔案。
注:行動端不支援引用 CSS 檔案。
8.1 普通/複合式報表
選擇工程目錄下的 CSS 檔案,並點選增加,如下圖所示:
詳細範例請參見: FR 的元件 CSS 樣式 。
注1:只能透過相對路徑引用 CSS 。如工程目錄 webroot\help\css 下有引用的 CSS 檔案 style.css,則相對路徑為 help/css/style.css
注2:CSS 檔案不可以放到 WEB-INF目錄下,無法被讀取。
8.2 決策報表
選中任意元件,新增初始化後事件,透過 JS 將 CSS 檔案引用到範本中,如下圖所示:
JavaScript 程式碼如下:
$('<link rel="stylesheet" type="text/css" href="/webroot/help/css/test.css"/>').appendTo('head');//將目標CSS檔案引用到head頭標籤
9. 引用 JavaScript
製作範本時,使用者可讓範本引用自訂的 JavaScript 檔案。
注:行動端不支援引用 JavaScript 檔案。
9.1 普通報表/複合式報表
選擇工程目錄下的 JavaScript 檔案,點選增加即可。如下圖所示:
注1:使用者可透過相對路徑引用 JavaScript 。如工程目錄 webroot/help 下有引用的 JavaScript 檔案 demo.js,則相對路徑為 help/demo.js 。
注2:使用者可透過絕對路徑引用 JavaScript 。 例如:http://localhost:8075/webroot/demo.js
注3:JavaScript 檔案不可以放到 WEB-INF目錄下,無法被讀取。
9.2 決策報表
選中任意元件,新增初始化後事件,透過 JavaScript 將 JavaScript 檔案引用到範本中,如下圖所示:
JavaScript 代码如下:
$('<script src="/webroot/help/test.js"></script>').appendTo('head');//將目標 JS 檔案引用到 head 頭標籤