1. 概述
點擊模板>模板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 文件引用到模板中,如下圖所示:
JS 代碼如下:
$('<link rel="stylesheet" type="text/css" href="/webroot/help/css/test.css"/>').appendTo('head');//将目标 CSS 文件引用到 head 頭标簽中
9. 引用 JavaScript
制作模板時,用戶可讓模板引用自定義的 JS 文件。
注:移動端不支持引用 JS 文件。
9.1 普通報表/聚合報表
選擇工程目錄下的JS 文件,點擊增加即可。如下圖所示:
注1:用戶可通過相對路徑引用 JS 。
如工程目錄webroot\help下有引用的 JS 文件 demo.js,則相對路徑爲 help/demo.js。
注2:用戶可通過絕對路徑引用 JS 。
例如:E:\tomcat\webapps\webroot\help\demo.js
注3:JS 文件不可以放到 WEB-INF目錄下,無法被讀取。
9.2 決策報表
選中任意控件,添加初始化後事件,通過 JS 将 JS 文件引用到模板中,如下圖所示:
JavaScript 代碼如下:
$('<script src="/webroot/help/test.js"></script>').appendTo('head');//将目标 JS 文件引用到 head 頭标簽